如何在MVC中将Css类添加到Action链接

Question

我正在创建MVC5项目。使用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 })

以前添加的自定义字体图标编辑按钮和删除类

 <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这个类里面的动作链接代码实体框架生成器。如何添加看起来像我以前的按钮

Answer 1

您可以像这样将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"  })

希望这有帮助