tutorial ASP.NET MVCドロップダウンエディタテンプレート




mvc microsoft (3)

最高のものは主観的なものであり、あなたの質問に記述するのを忘れてしまったあなたのシナリオではうまくいきません。 ここで私はそれを行う方法です:

モデル:

public class MyViewModel
{
    public string SelectedItem { get; set; }
    public IEnumerable<Item> Items { get; set; }
}

public class Item
{
    public string Value { get; set; }
    public string Text { get; set; }
}

コントローラ:

public class HomeController : Controller
{
    public ActionResult Index()
    {
        var model = new MyViewModel
        {
            // TODO: Fetch this from a repository
            Items = new[] 
            {
                new Item { Value = "1", Text = "item 1" },
                new Item { Value = "2", Text = "item 2" },
                new Item { Value = "3", Text = "item 3" },
            }
        };
        return View(model);
    }

    [HttpPost]
    public ActionResult Index(MyViewModel model)
    {
        if (!ModelState.IsValid)
        {
            // redisplay the view to fix validation errors
            return View(model);
        }

        // TODO: The model is valid here => 
        // perform some action using the model.SelectedItem 
        // and redirect to a success page informing the user
        // that everything went fine
        return RedirectToAction("Success");
    }
}

ビュー( ~/Views/Home/Index.cshtml ):

@model MyApp.Models.MyViewModel

@{ Html.BeginForm(); }
    @Html.EditorForModel()
    <input type="submit" value="OK" />
@{ Html.EndForm(); }

エディタテンプレート( ~/Views/Home/EditorTemplates/MyViewModel.cshtml ):

@model MyApp.Models.MyViewModel

@Html.DropDownListFor(x => x.SelectedItem, 
    new SelectList(Model.Items, "Value", "Text"))

私は、MVCでドロップダウンリストエディタテンプレートを作成するための最良の方法を探しています。 いろいろな方法があるようですが、私は最良の方法を見つけることができず、みんな違う方法をとっているようです。 私もRazorでMVC3を使用していますので、これで動作するメソッドが優先されます。



個人的には、リストアイテムはビューモデルではなく、ビューモデルに配置する必要がありますが、ビューデータを使用して変更しないドロップダウンを表示している場合やビューを使用して動的に変更する必要がある場合は、モデル)。

この例では、同じビューモデルをインデックスアクションに転記しています。 インデックスアクションは選択されたアイテムのみに関心がありますので、インデックスのポストアクションのパラメータをstringItemに変更することができます。 こうすることで、モデルバインダーはフォームパラメータを調べ、インデックスパラメータを設定します。

また、SelectedListItemsのリストをビューに渡す方が、変換を必要とせず、Itemクラスを必要としないことが望ましいと思います。







razor