2012/10/03

【ASP.Net】ViewBagを利用してDropDownList【MVC】

 最近こればっかだけどまたまたMVCネタです。

 以前の記事でDropDownListはモデル側にListを用意してやらんといかんと書きましたが、ViewBagを利用することで簡単に作成することができることが分かっちゃったので…。

 大した内容じゃないのでちゃちゃっとサンプルのみ書きます。

Userモデル
public class User
{
    public int Id { get; set; }
    public string Name { get; set; }
    public int CategoryId { get; set; }
}

Categoryモデル
public class Category
{
    public int Id { get; set; }
    public string Name { get; set; }
}

コントローラー(Editのみ)
public ActionResult Edit()
{
    //今回は横着します
    var user = new User { Id = 1, CategoryId = 1, Name = "Tanaka" };
    var categoris = new List<Category> { new Category { Id = 1, Name = "A" }, new Category { Id = 2, Name = "B" } };
 
    //ViewBag定義
    ViewBag.Categories = new SelectList(categoris, "Id", "Name", user.CategoryId);
 
    return View(user);
}

ビュー
@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
 
    <fieldset>
        <legend>User</legend>
 
        @Html.HiddenFor(model => model.Id)
 
        <div class="editor-label">
            @Html.LabelFor(model => model.Name)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Name)
            @Html.ValidationMessageFor(model => model.Name)
        </div>
 
        <div class="editor-label">
            @Html.LabelFor(model => model.CategoryId)
        </div>
        <div class="editor-field">
            @Html.DropDownListFor(model => model.CategoryId, ViewBag.Categories as SelectList)
            @Html.ValidationMessageFor(model => model.CategoryId)
        </div>
 
        <p>
            <input type="submit" value="Save" />
        </p>
    </fieldset>
}

 ViewBagっていまいち分かってなかったけど便利なんですね。でも何でもかんでも突っ込むと碌なことになさそうな気もするなぁ。

 今日はこんだけ。






HP Directplus オンラインストア
pagetop