将文本添加到操作链接答案

【问题标题】：Add text to Action Link将文本添加到操作链接
【发布时间】：2012-07-13 14:42:08
【问题描述】：

简单的问题：

使用ActionLink，如何创建这样的超链接？

<a href="/Test"  
      class="dropdown-toggle"  
      data-toggle="dropdown">  
      Test
      <b class="caret"></b></a>

和

<a class="brand" href="/Home">
<img src="/images/w3r.png" width="111" height="30" alt="Fujiyama Logo" /></a>

我正在尝试使用引导程序添加下拉菜单。谢谢。

【问题讨论】：

【解决方案1】：

在这种情况下无需使用 ActionLink。 ActionLink 用于基于 MVC 动作和控制器动态创建 URL。在这个例子中，HTML 本身应该没问题。

编辑：

要使用比带有操作链接的文本更复杂的内容，您可以执行以下操作。请为链接使用正确的操作和控制器：

<a href="@Url.Action("Test")"  
      class="dropdown-toggle"  
      data-toggle="dropdown">  
      Test
      <b class="caret"></b></a>

和

<a class="brand" href="@Url.Action("Home")">
<img src="/images/w3r.png" width="111" height="30" alt="Fujiyama Logo" /></a>

【讨论】：

【解决方案2】：

另一种可能是使用TwitterBootstrapMVC

【讨论】：

【解决方案3】：

我不确定您链接的<b class="caret"></b> 部分，但至于属性的创建，您需要做的就是使用HtmlHelper.ActionLink() 辅助扩展的HtmlAttributes 参数。

@Html.ActionLink("Test", "Test", new { }, new Dictionary<string, object>() { { "class", "dropdown-toggle" }, { "data=toggle", "dropdown" } })

这假设您正在尝试使用文本 Test 创建链接。此链接的执行将调用home 控制器上的Test 操作。

要创建图片链接，您可以按照上述方法创建链接并修改 css 样式以包含背景图片（带有适当的填充）。您甚至可能想要使用 :before 伪标签。

【讨论】：

【解决方案4】：

您还可以查看FluentBootstrap，它是一个免费的开源包装器，围绕用于 .NET 代码的 Twitter Bootstrap（完整免责声明：我是开发人员）。

它可以让你像这样编写下拉列表：

using (var dropdown = Html.Bootstrap().Dropdown("Test").Begin())
{         
    @dropdown.DropdownLink("Test Link", "/Test")   
}

它还与 ASP.NET MVC 集成，允许您通过操作和控制器或 T4MVC 指定链接以允许您使用ActionResult。

【讨论】：