Question

我有一个效果很好的脚本。

<button id="sample_editable_1_new" class="btn sbold green">
    Add New
    <i class="fa fa-plus"></i>
</button>

我想更改为使用下面的脚本。

 @Html.ActionLink("Add New", "Create", "Customer", null, new { @class = "btn sbold green", xxx})

如何添加属性？

Answer 1

@Html.ActionLink生成<a>代码如果您想使用按钮，则应使用js或将button更改为a代码。

如果您不想要任何js，最好使用@Url.Action帮助器生成它：

<a href='@Url.Action("Create", "Customer")' 
   id="sample_editable_1_new" 
   class="btn sbold green">
   Add New
   <i class="fa fa-plus"></i>
</a>

Answer 2

您可以使用CSS类将加号添加到链接中。

.plus-icon:after { content: "\f067"; font-family: 'FontAwesome'; padding-left: 5px; }

然后将该类添加到您的操作链接

@Html.ActionLink("Add New", "Create", "Customer", null, new { @class = "btn sbold green plus-icon", xxx})

Answer 3

Html.ActionLink("Create New", "Create", CONTROLLERNAME, null, new { @class= "yourCSSclass"}

Html.ActionLink(link text, action name, controller name, route values object, html attributes object)

Html.ActionLink(
"Create New",
"Create",
CONTROLLERNAME,
null,
new { @class= "yourCSSclass", @style= "width:100px; color: red;" }
)

将图标添加到按钮

3 个答案: