首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何生成带图标的Html.ActionLink

如何生成带图标的Html.ActionLink
EN

Stack Overflow用户
提问于 2014-01-31 03:35:16
回答 6查看 63.4K关注 0票数 39

我开始学习ASP.NET MVC,有一个问题,如何使用Html.ActionLink生成代码,如下所示:

代码语言:javascript
复制
<a href="~/Views/Home/Create.cshtml" class="btn btn-primary">
    <i class="icon-pencil icon-white"></i>
    <span>
        <strong>Create</strong>
    </span>            
</a>

请。

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2014-01-31 03:38:23

Html.ActionLink()仅支持纯文本链接。

对于更复杂的链接,您应该使用<a href="@Url.Action(...)">

票数 74
EN

Stack Overflow用户

发布于 2016-05-11 00:44:31

我想添加到SLaks answer中。

按照user2567619的要求使用<a href="@Url.Action(...)">

代码语言:javascript
复制
<a href="@Url.Action("Create", "Home")" class="btn btn-primary">
    <i class="icon-pencil icon-white"></i>
    <span>
        <strong>Create</strong>
    </span>            
</a>

我认为值得一提的是@Url.Action可以像这样接受它的参数:

代码语言:javascript
复制
@Url.Action(string actionName, string controllerName) 

@Html.ActionLink可以像这样接受它的参数:

代码语言:javascript
复制
@Html.ActionLink(string linkText, string actionName, string controllerName) 

这可能很明显,但我认为这是值得注意的。

编辑

正如Peck_conyon所指出的,对于@Url.Action@Html.ActionLink,这只是十种不同重载方法中的一种。

有关UrlHelper.Action的文档,请查看here

有关LinkEtensions.ActionLink的文档,请查看here

票数 45
EN

Stack Overflow用户

发布于 2017-10-10 19:27:54

如下所示:

代码语言:javascript
复制
@Html.ActionLink("Title", "Action", null, new {@class="btn btn-info fa fa-pencil" })
票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21465886

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档