ASP.NET MVCドロップダウンエディタテンプレート
-
26-09-2019 - |
質問
私はMVCとリストエディタテンプレートのドロップダウンを作成するための最善の方法を探しています。そこの様々な方法のように見えるが、私は最善である任意の方法を見つけることができない、誰もが異なり、それを行うようです。私はこれで作品が好まれていること方法ので、同様にカミソリでMVC3を使用しています。
解決
があり、さまざまな方法であり、最高は主観的で、あなたの質問に記述し忘れた方法によって、あなたのシナリオでは機能しない場合がありますでしょうしていると言って。ここで私はそれを行う方法は次のとおりです。
モデル:
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"))
他のヒント
これは、この記事からの私のアプローチがあります:
個人的に私は、ビューモデルそのリスト項目は、ビューデータに置かれるべきではないと思いますが、あなたはそのドロップダウンを表示している場合、それは本当に((ビューのデータを使用して)変化しないか、あなたはそれを動的に変更する必要があります場合は決して依存します)ビューモデルを使用します。
の例では、indexアクションに同じビューモデルを掲示しています。 indexアクションは、選択された項目のみに興味を持っているので、単なる文字列のSelectedItemのようにインデックスポストアクションのパラメータを変更することができます。その方法は、モデルバインダーは、フォームパラメータに見て、あなたのためのインデックスパラメータに移入されます。
また、私はダウンしてあなたがどんなconvertionを必要としないとItemクラスを必要としない方法という見解にSelectedListItemsのリストを渡す方が良いと思います。