asp.net-mvc - ASP.NET MVC ドロップダウン エディター テンプレート

Question

MVC でドロップダウン リスト エディター テンプレートを作成するための最良の方法を探しています。いろいろな方法があるようですが、ベストな方法が見つからず、人それぞれやり方が違うようです。私はRazorでもMVC3を使用しているので、これで動作する方法が推奨されます。

Answer 1

多くの方法があり、どれが最善であるかは主観的であり、質問で説明するのを忘れたシナリオでは機能しない可能性があります。これが私がそれを行う方法です：

モデル：

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"))

Answer 2

個人的には、リストアイテムはビューモデルではなくビューデータに配置する必要があると思いますが、変更されないドロップダウンを表示するか (ビューデータを使用)、動的に変更する必要があるか (ビューを使用) によって異なりますモデル）。

この例では、同じビュー モデルを index アクションに投稿しています。インデックス アクションは選択されたアイテムにのみ関心があるため、インデックス ポスト アクションのパラメータを文字列 selectedItem に変更するだけで済みます。そうすれば、モデル バインダーがフォーム パラメーターを調べて、インデックス パラメーターを入力します。

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