向Action Link添加文本

Question

简单问题：

使用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>

我正在尝试使用bootstrap添加下拉列表。谢谢。

Answer 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>

Answer 2

另一种可能性是使用TwitterBootstrapMVC

Answer 3

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

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

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

要创建图像链接，您可以按照上面的步骤创建链接，并修改css样式以包含背景图像（使用适当的填充）。您甚至可能希望使用:before伪标记。

有关详细信息，请参阅http://dean-o.blogspot.com.au/2011/09/image-button-link-options-in-aspnet-mvc.html。

Answer 4

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

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

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

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