ASP.NET MVC的Model元数据与Model模板:将”ListControl”引入ASP.NET MVC

ASP.NET MVC的Model元数据与Model模板:将”ListControl”引入ASP.NET MVC2012-11-24 cnblogs 蒋金楠我们不仅可以创建相应的模板来根据Model元数据控制种类型的数据在UI界面上的呈现方法，还可以通过一些扩展来控制Model元数据本身。在某些情况下通过这两者的结合往往可以解决很多特殊数据的呈现问题，我们接下来演示的实例就是典型的例子。

传统的ASP.NET具有一组重要的控件类型叫做列表控件（ListControl），它的子类包括DropDownList、ListBox、RadioButtonList和CheckBoxList等。对于ASP.NET MVC来说，我们可以通过HtmlHelper/HtmlHelper<TModel>的扩展方法DropDownList/DropDownListFor和ListBox/ListBox在界面上呈现一个下拉框和列表框，但是我们需要手工指定包含的所有列表选项。在一般的Web应用中，尤其是企业应用中，我们会选择将这些列表进行单独地维护，如果我们在构建“列表控件”的时候能够免去手工提供列表的工作，这无疑会为开发带来极大的遍历，而这实际上很容易实现。

本文配套源码：

一、实现的效果

我们先来看看通过该扩展最终实现的效果。在通过Visual Studio的ASP.NET MVC项目模板创建的空Web应用中，我们定义一个作为Model表示员工的Employee类型。如下面的代码片断所示，表示性别、学历、部门和技能的属性分别应用了RadioButtonListAttribute、DropdownListAttribute、ListBoxAttribute和CheckBoxListAttribubte四个特性。从名称可以看出来，这四个特性分别代表了目标元素呈现在UI界面上的形式，即对应着传统ASP.NET Web应用中的四种类型的列表控件：RadioButtonList、DropdownList、ListBox和CheckBoxList。特性中指定的字符串表示预定义列表的名称。

 1: public class Employee
 2: {
 3: [DisplayName（"姓名"）]
 4: public string Name { get; set; }
 5:
 6: [RadioButtonList（"Gender"）]
 7: [DisplayName（"性别"）]
 8: public string Gender { get; set; }
 9:
10: [DropdownList（"Education"）]
11: [DisplayName（"学历"）]
12: public string Education { get; set; }
13:
14: [ListBox（"Department"）]
15: [DisplayName（"所在部门"）]
16: public IEnumerable<string> Departments { get; set; }
17:
18: [CheckBoxList（"Skill"）]
19: [DisplayName（"擅长技能"）]
20: public IEnumerable<string> Skills { get; set; }
21: }

在创建的默认HomeController中，我们定义了如下一个Index操作方法。在该方法中，我们创建了一个具体的Employee对象并对它的所有属性进行了相应设置，最终将该对象呈现在默认的View中。

 1: public class HomeController : Controller
 2: {
 3: public ActionResult Index（）
 4: {
 5: Employee employee = new Employee
 6: {
 7: Name = "张三",
 8: Gender = "M",
 9: Education= "M",
10: Departments= new string[] { "HR", "AD" },
11: Skills = new string[] { "CSharp", "AdoNet" }
12: };
13: return View（employee）;
14: }
15: }

如下所示的是上面的Index操作对应的View定义，这是一个以Model类型为Employee的强类型View，我们通过调用HtmlHelper<TModel>的模板方法EditorFor将作为Model的Employee对象的所有属性以编辑模式呈现出来。

 1: @model Employee
 2: <table>
 3: <tr>
 4: <td>@Html.LabelFor（m => m.Name）</td><td>@Html.EditorFor（m => m.Name）</td>
 5: </tr>
 6: <tr>
 7: <td>@Html.LabelFor（m => m.Gender）</td><td>@Html.EditorFor（m => m.Gender）</td>
 8: </tr>
 9: <tr>
10: <td>@Html.LabelFor（m => m.Education）</td><td>@Html.EditorFor（m => m.Education）</td>
11: </tr>
12:<tr>
13: <td>@Html.LabelFor（m => m.Departments）</td><td>@Html.EditorFor（m => m.Departments）</td>
14: </tr>
15:<tr>
16: <td>@Html.LabelFor（m => m.Skills）</td><td>@Html.EditorFor（m => m.Skills）</td>
17: </tr>
18: </table>

下图体现了该Web应用运行时的效果。我们可以看到，四个属性分别以四种不同的“列表控件”呈现出来，并且对应在它们上面的四个字定义的列表特性（RadioButtonListAttribute、DropdownListAttribute、ListBoxAttribute和CheckBoxListAttribubte）。