asp.net-mvc - 将文本添加到操作链接

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>

我正在尝试使用引导程序添加下拉列表。谢谢你。

score 2 · Accepted Answer

在这种情况下无需使用 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>

score 1 · Accepted Answer

1

另一种可能性是使用TwitterBootstrapMVC

于 2013-11-19T23:35:31.160 回答

score 0 · Accepted Answer

我不确定<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伪标签。

score 0 · Accepted Answer

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

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

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

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

4 回答 4