首页 > 解决方案 > 我想知道如何使用 @Htmlhelper 将值传递给控制器​​,同时使用 Bootstrap 框架设计我的按钮

问题描述

这是我使用ActionLinkin进行的跳转@Htmlhelper,但我的 Bootstrap 按钮设计结果如下:

@HTMLAction() 按钮

@HTMLAction()按钮代码是:

      <button class="btn btn-success btn-icon-split">
             <span class="icon text-white-50">
                   <i class="fas fa-edit"></i>
             </span>
                   @Html.ActionLink("Edit", "EditForm", "Dashboard", new { id = Model.FormId })
      </button>

当我使用<a>标签跳转时,它会呈现这种效果:

标签

HTML 标记是:

    <button href="/Dashboard/EditForm" class="btn btn-success btn-icon-split">
          <span class="icon text-white-50">
                  <i class="fas fa-edit"></i>
          </span>
                    <span class="text" id="Edit">Edit</span>
    </button>

虽然我Htmlhelper习惯在跳跃时传递值,但无论如何我都无法达到这样的正常效果。

标签: asp.net-mvchtml-helper

解决方案


尝试这个 :

<button href="/Dashboard/EditForm" class="btn btn-success btn-icon-split">
    <span class="icon text-white-50">
            <i class="fas fa-edit"></i>
    </span>

    <a class="text" href="@Html.ActionLink("Edit", "EditForm", "Dashboard", new { id = Model.FormId })" id="Edit">Edit</a>
</button>

推荐阅读