ASP.NET MVC DropDown编辑器模板

时间:2010-10-25 12:18:19

标签: asp.net-mvc asp.net-mvc-3 razor

我正在寻找使用MVC创建下拉列表编辑器模板的最佳方法。似乎有各种各样的方法,但我找不到任何最好的方法,每个人似乎都有不同的方法。我也在使用带有Razor的MVC3,因此首选使用此方法。

3 个答案:

答案 0 :(得分:21)

有很多方法和说法哪个最好是主观的,可能不适用于你的场景,这是你忘记在你的问题中描述的方式。我是这样做的:

型号:

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

答案 1 :(得分:4)

这是我在这篇文章中的方法:

One EditorTemplate for all DropDownLists in ASP.Net MVC

答案 2 :(得分:1)

我个人认为列表项应该放在视图数据而不是视图模型中,但它实际上取决于您是否显示永不改变的下拉列表(使用视图数据),或者您是否必须动态修改它(使用视图模型)。

在示例中,您将相同的视图模型发布到索引操作。索引操作仅对所选项感兴趣,因此只需将索引后操作的参数更改为字符串selectedItem即可。这样,模型绑定器将查看表单参数并为您填充索引参数。

此外,我认为最好将SelectedListItems列表传递给视图,这样您就不需要任何转换,也不需要Item类。