ASP.NET MVC で単純な HTML DropDownListFor を作成する方法

ASP.NET MVC 2 での基本的な HTML DropDownListFor の構築

ASP.NET MVC は、静的オプションを使用して HTML ドロップダウン リストを生成する合理的なアプローチを提供します。 「赤」、「緑」、「青」などのオプションを含む単純なドロップダウンを作成してみましょう。

1.モデルの定義:

まず、データを表す Plain Old CLR Object (POCO) を作成します。 Color クラスのサンプルを次に示します:

<code class="language-csharp">public class Color
{
    public int ColorId { get; set; }
    public string Name { get; set; }
}</code>

2.ドロップダウン オプションの入力:

次に、Color オブジェクトの静的リストを定義して、ドロップダウンのオプションを設定します。

<code class="language-csharp">public static IEnumerable<Color> Colors = new List<Color> {
    new Color { ColorId = 1, Name = "Red" },
    new Color { ColorId = 2, Name = "Green" },
    new Color { ColorId = 3, Name = "Blue" }
};</code>

3.ビューでの実装:

最後に、ASP.NET MVC ビューで Html.DropDownListFor() ヘルパーを使用してドロップダウンをレンダリングします。

<code class="language-html">@Html.DropDownListFor(model => model.MyColorId, new SelectList(Color.Colors, "ColorId", "Name"))</code>

このコードは、Colors リストを使用してドロップダウン リストを生成します。 ColorId プロパティは値として使用され、Name プロパティは表示テキストとして使用されます。選択した値は、モデルの MyColorId プロパティにバインドされます。

以上がASP.NET MVC で単純な HTML DropDownListFor を作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。