如何在 MVC 中将 css class 添加到 Action link

Question

我正在创建 MVC5 project.using Inspina theme 我已经使用 Entity framework 它生成的代码像这样 Edit delete details

像这样关注

@Html.ActionLink("Edit", "Edit", new { id = item.ClientId })  |
@Html.ActionLink("Details", "Details", new { id = item.ClientId }) |
@Html.ActionLink("Delete", "Delete", new { id = item.ClientId })

之前添加的自定义字体图标编辑按钮和删除 class 像这样

 <a class="fa fa-edit">@Html.ActionLink("Edit", "Edit", new { id=item.ClientId })</a>
 <a class="fa fa-times">@Url.Action("Delete", new { id=item.ClientId })</a>

最后我想要 fa fa-edit 这个 class 里面的动作 link 代码 Entity framework 生成器。我怎样才能添加看起来像我以前的按钮

Answer 1

您可以像这样将 class 添加到 ActionLink

@Html.ActionLink("Edit", "Edit", new { id = item.ClientId }, new { @class = "fa fa-edit" }) 
@Html.ActionLink("Delete", "Delete", new { id = item.ClientId }, new { @class = "fa fa-times" })

Answer 2

你可以这样做：

@Html.ActionLink("Edit", "Edit", new { id=item.ClientId }, new { @class = "myCssClass" })

@ 很重要，因为 class 是 C# 关键字。

希望对您有所帮助！

Answer 3

您可以通过 ActionLink MVC 辅助方法的 htmlAttributes 参数进行设置，如下所示，您应该为您的 htmlAttributes 对象使用 @class 属性。

@Html.ActionLink("Edit", "Edit", new { id = item.ClientId, @class="MyClass" })  |
@Html.ActionLink("Details", "Details", new { id = item.ClientId, @class="MyClass"  }) |
@Html.ActionLink("Delete", "Delete", new { id = item.ClientId, @class="MyClass"  })

希望对您有所帮助