web-dev-qa-db-ja.com

単純なHtml.DropDownListFor()を記述する方法は?

ASP.NET MVC 2では、静的オプションを提供する非常に単純なドロップダウンリストを作成したいと思います。たとえば、「赤」、「青」、「緑」の選択肢を提供したいと思います。

127
Rinesse

このMSDN記事 および Stack Overflowの使用例 を参照してください。

次のLinq/POCOクラスがあるとしましょう:

public class Color
{
    public int ColorId { get; set; }
    public string Name { get; set; }
}

そして、あなたが次のモデルを持っているとしましょう:

public class PageModel 
{
   public int MyColorId { get; set; }
}

そして最後に、次の色のリストがあるとしましょう。 Linqクエリ、静的リストなどから取得できます。

public static IEnumerable<Color> Colors = new List<Color> { 
    new Color {
        ColorId = 1,
        Name = "Red"
    },
    new Color {
        ColorId = 2,
        Name = "Blue"
    }
};

ビューでは、次のようなドロップダウンリストを作成できます。

<%= Html.DropDownListFor(n => n.MyColorId, 
                         new SelectList(Colors, "ColorId", "Name")) %>
179
Evan Nagle
<%: 
     Html.DropDownListFor(
           model => model.Color, 
           new SelectList(
                  new List<Object>{ 
                       new { value = 0 , text = "Red"  },
                       new { value = 1 , text = "Blue" },
                       new { value = 2 , text = "Green"}
                    },
                  "value",
                  "text",
                   Model.Color
           )
        )
%>

または、クラスを作成せずに、このようなものをビューに直接配置できます。

60
Berat

モデルのディクショナリから開始することにより、多くの脂肪運指を避けます

namespace EzPL8.Models
{
    public class MyEggs
    {
        public Dictionary<int, string> Egg { get; set; }

        public MyEggs()
        {
            Egg = new Dictionary<int, string>()
            {
                { 0, "No Preference"},
                { 1, "I hate eggs"},
                { 2, "Over Easy"},
                { 3, "Sunny Side Up"},
                { 4, "Scrambled"},
                { 5, "Hard Boiled"},
                { 6, "Eggs Benedict"}
            };

    }


    }

ビューで表示用リストに変換します

@Html.DropDownListFor(m => m.Egg.Keys,
                         new SelectList(
                             Model.Egg, 
                             "Key", 
                             "Value"))
34
Jules Bartow

こんにちは、私は1つのプロジェクトでそれをやった方法です:

     @Html.DropDownListFor(model => model.MyOption,                
                  new List<SelectListItem> { 
                       new SelectListItem { Value = "0" , Text = "Option A" },
                       new SelectListItem { Value = "1" , Text = "Option B" },
                       new SelectListItem { Value = "2" , Text = "Option C" }
                    },
                  new { @class="myselect"})

私はそれが誰かを助けることを願っています。ありがとう

31

または、使用できるデータベースコンテキストからのものである場合

@Html.DropDownListFor(model => model.MyOption, db.MyOptions.Select(x => new SelectListItem { Text = x.Name, Value = x.Id.ToString() }))
13
Joel Wahlund

「1つ選択してください」と

@Html.DropDownListFor(model => model.ContentManagement_Send_Section,
  new List<SelectListItem> { new SelectListItem { Value = "0", Text = "Plese Select one Item" } }
    .Concat(db.NameOfPaperSections.Select(x => new SelectListItem { Text = x.NameOfPaperSection, Value = x.PaperSectionID.ToString() })),
  new { @class = "myselect" })  

コードから派生:Master Programmer&&Joel Wahlund;
キングリファレンス: https://stackoverflow.com/a/1528193/1395101JaredPar;

ありがとうMaster Programmer&&Joel Wahlund&&JaredPar;

幸運の友人

5
Amin Ghaderi
@using (Html.BeginForm()) {
    <p>Do you like pizza?
        @Html.DropDownListFor(x => x.likesPizza, new[] {
            new SelectListItem() {Text = "Yes", Value = bool.TrueString},
            new SelectListItem() {Text = "No", Value = bool.FalseString}
        }, "Choose an option") 
    </p>
    <input type = "submit" value = "Submit my answer" />
} 

この答えは、DropDownListのすべてのコードをビューに直接配置するという点で、Beratの答えに似ていると思います。しかし、これはy/n(ブール)ドロップダウンリストを作成する効率的な方法だと思うので、共有したいと思いました。

初心者向けの注意事項:

  • 「x」が何と呼ばれるか心配する必要はありません-初めてここで作成され、MVCアプリの他のどこにもリンクしないため、「x」、 「model」、「m」など.
  • ユーザーにドロップダウンリストに表示されるプレースホルダーは[オプションの選択]であるため、必要に応じてこれを変更できます。
  • ドロップダウンの前に「ピザが好きですか?」というテキストが少しあります。
  • これは、送信ボタンを含むフォームの完全なテキストである必要があります

これが誰かを助けることを願って、

1
user5138047