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

于 2013-11-19T23:35:31.160 に答える

score 0 · Accepted Answer

リンクの部分についてはわかりませんが、属性の作成に関しては、ヘルパー拡張機能<b class="caret"></b>の HtmlAttributes パラメータを使用するだけです。HtmlHelper.ActionLink()

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

これは、テキストとのリンクを作成しようとしていることを前提としていますTest。このリンクを実行すると、コントローラーでTestアクションが呼び出されます。home

画像リンクを作成するには、上記のようにリンクを作成し、css スタイルを変更して背景画像を (適切なパディングで) 含めることができます。:before擬似タグを使用することもできます。

score 0 · Accepted Answer

次のようなドロップダウンを記述できます。

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

また、ASP.NET MVC と統合して、アクションとコントローラーまたは T4MVC を使用してリンクを指定できるようにしますActionResult。

4 に答える 4