MVC3 DropDownListFor-簡単な例?


112

DropDownListForMVC3アプリで問題が発生しています。StackOverflowを使用してそれらをビューに表示する方法を理解することができましたが、送信時にビューモデルの対応するプロパティの値をキャプチャする方法がわかりません。これを機能させるには、IDと値のプロパティを持つ内部クラスを作成する必要があり、次にIEnumerable<Contrib>DropDownListForパラメーター要件を満たすためにを使用する必要がありました。しかし、MVC FWは、このドロップダウンで選択された値をビューモデルの単純な文字列プロパティにどのようにマッピングするのでしょうか。

public class MyViewModelClass
{
    public class Contrib
    {
        public int ContribId { get; set; }
        public string Value { get; set; }
    }

    public IEnumerable<Contrib> ContribTypeOptions = 
        new List<Contrib>
        {
            new Contrib {ContribId = 0, Value = "Payroll Deduction"},
            new Contrib {ContribId = 1, Value = "Bill Me"}
        };

    [DisplayName("Contribution Type")]
    public string ContribType { get; set; }
}

私のビューでは、次のようにページにドロップダウンを配置します。

<div class="editor-label">
    @Html.LabelFor(m => m.ContribType)
</div>
<div class="editor-field">
    @Html.DropDownListFor(m => m.ContribTypeOptions.First().ContribId, 
             new SelectList(Model.ContribTypeOptions, "ContribId", "Value"))
</div>

フォームを送信すると、ContribType(もちろん)nullになります。

これを行う正しい方法は何ですか?

回答:


166

あなたはこのようにするべきです:

@Html.DropDownListFor(m => m.ContribType, 
                new SelectList(Model.ContribTypeOptions, 
                               "ContribId", "Value"))

どこ:

m => m.ContribType

結果値となるプロパティです。


2
ありがとうございました!!!セルゲイ、これはまさに私が何時間も探していたものです。
Trey Carroll

:)ありがとうございます。ここから「-選択-」を表示する方法はありますか。?
kbvishnu 2012

1
@VeeKeyBee、contribTypeOptionsたとえば、リストに新しい項目を追加できnew Contrib {ContribId = -1, Value = "Please Select"}、ドロップダウンリストに表示されます。どうかを確認することができますよりもContribTypeある-1、これは、ユーザが任意の値を選択していない手段である
セルゲイGavruk

9
あなたはこれを行うことができます:@Html.DropDownListFor(m => m.ContribType, new SelectList(Model.ContribTypeOptions, "ContribId", "Value", Model.ContribTypeOptions.First().ContribId), "Select, please")
セルゲイ・ガヴルク

1
@SergeyGavruk。この回答は、最近のいくつかの質問の重複として使用されていますが、ステートメントのために一部のユーザーを混乱させていますそして、選択リストコンストラクターの最後のパラメーターは選択された値です -最後のパラメーターはメソッドによって無視されます(内部で独自に構築されますSelectList) 。ContribType選択されたものを決定するプロパティ()の値(つまり、モデルバインディングが機能する方法)とコードは次のようになり@Html.DropDownListFor(m => m.ContribType, new SelectList(Model.ContribTypeOptions, "ContribId", "Value")ます。答えを編集して修正してください。

7

私はこれが役立つと思います:コントローラでリスト項目と選択された値を取得します

public ActionResult Edit(int id)
{
    ItemsStore item = itemStoreRepository.FindById(id);
    ViewBag.CategoryId = new SelectList(categoryRepository.Query().Get(), 
                                        "Id", "Name",item.CategoryId);

    // ViewBag to pass values to View and SelectList
    //(get list of items,valuefield,textfield,selectedValue)

    return View(item);
}

とビューで

@Html.DropDownList("CategoryId",String.Empty)

5
通常、このようにリポジトリをビューに公開することは、神のパターンではありません。
アンドレ・ペーニャ

6

DropDownListで動的データをバインドするには、次の操作を実行できます。

以下のようにコントローラーでViewBagを作成します

ViewBag.ContribTypeOptions = yourFunctionValue();

次のようなビューでこの値を使用します。

@Html.DropDownListFor(m => m.ContribType, 
    new SelectList(@ViewBag.ContribTypeOptions, "ContribId", 
                   "Value", Model.ContribTypeOptions.First().ContribId), 
    "Select, please")

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.