请问如何在MVC中使用HtmlHelper的ActionLink传值的同时,使用Bootstrap的分离式按钮布局


我在实现一个编辑Model表单的功能时,由于要将被修改的表单ID传到Controller,需要使用@Html.ActionLink("Edit", "EditForm", "Dashboard", new { id = Model.FormId }, new { @class= "btn btn-success" })来传递FormId。但是这样的写法会让我的按钮像这样子:

img

我的代码是这样的:

<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>

 但是我想让按钮实现这样的效果:

img

代码是这样的:

<a 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=@Model.FormId>Edit</span>
</a>

但是下面的方法无法传递Model.FormId的值给Controller。

请问有没有能满足使用Bootstrap分离式按钮布局的情况下,传递值到后台Controller?

您好,
有个办法就是,你使用ajax 去传递.你可以参考以下文章: