和我的很多文章一样&＃xff0c;旨在提供一种大体的解决方案&＃xff0c;本解决方案旨在解决如下一些问题&＃xff1a;
- 通过独立的组件对绑定到ListControl&＃xff08;ASP.NET Web Form的说法&＃xff09;的列表进行单独管理&＃xff1b;
- 自动地调用上面这个组件获取列表信息进行相关Html的生成&＃xff1b;
- 支持ASP.NET MVC原生的Model Binding。
下面是代表个人信息同时作为Model的Person类型&＃xff0c;Gender、MaritalStatus 和Country分别代表性别、婚姻状况和国籍&＃xff08;这里支持多国籍&＃xff09;。
public class Person
{public string Name { get; set; }public string Gender { get; set; }[Display(Name &＃61; "Marital Status")]public string MaritalStatus { get; set; }public string[] Country { get; set; }
}
上述三个属性分别代表CodeManager这个独立组件维护的三个列表&＃xff0c;CodeManager和代表列表选项的CodeDescription定义如下&＃xff1a;
public class CodeDescription{public string Code { get; set; }public string Description { get; set; }public string Category{get;set;}public CodeDescription(string code, string description, string category){this.Code &＃61; code;this.Description &＃61; description;this.Category &＃61; category;}}public static class CodeManager{private static CodeDescription[] codes &＃61; new CodeDescription[]{new CodeDescription("M","Male","Gender"),new CodeDescription("F","Female","Gender"),new CodeDescription("S","Single","MaritalStatus"),new CodeDescription("M","Married","MaritalStatus"),new CodeDescription("CN","China","Country"),new CodeDescription("US","Unite States","Country"),new CodeDescription("UK","Britain","Country"),new CodeDescription("SG","Singapore","Country")};public static Collection
在默认的HomeController中&＃xff0c;我们定义了如下两个Index方法&＃xff0c;它们分别用于测试出栈数据&＃xff08;Model->UI)入栈数据&＃xff08;UI-〉Model&＃xff09;的绑定。
1: public class HomeController : Controller
2: {
3: public ActionResult Index()
4: {
5: return View(new Person { Name &＃61; "Foo", Gender &＃61; "M", MaritalStatus &＃61; "S", Country &＃61; new string[]{"CN","US"} });
6: }
7: [HttpPost]
8: public ActionResult Index(Person person)
9: {
10: return this.View(person);
11: }
12: }
下面是Index操作对应的View的定义&＃xff0c;这是一个Model类型为Person的强类型View。对于Person的三个基于列表的属性&＃xff0c;我们分别调用了自定义的扩展方法RadioButtonListFor和CheckBoxListFor进行了绑定。方法的最后两个参数分别代表通过CodeManager维护的列表的组别&＃xff08;Gender、MaritalStatus和Country&＃xff09;&＃xff0c;和同组RadioButton和CheckBox布局方向&＃xff08;水平或者纵向&＃xff09;。
1: &＃64;using System.Web.UI.WebControls
2: &＃64;model Person
3: &＃64;{
4: ViewBag.Title &＃61; "Index";
5: }
6: &＃64;using (Html.BeginForm())
7: {
8:
| &＃64;Html.LabelFor(m &＃61;> m.Name): | &＃64;Html.EditorFor(m &＃61;> m.Name) |
| &＃64;Html.LabelFor(m &＃61;> m.Gender): | &＃64;Html.RadioButtonListFor(m &＃61;> m.Gender, "Gender") |
| &＃64;Html.LabelFor(m &＃61;> m.MaritalStatus): | &＃64;Html.RadioButtonListFor(m &＃61;> m.MaritalStatus, "MaritalStatus") |
| &＃64;Html.LabelFor(m &＃61;> m.Country): | &＃64;Html.CheckBoxListFor(m &＃61;> m.Country, "Country", RepeatDirection.Vertical) |
29: }
下面是最终呈现出来的效果&＃xff1a;
现在我们简单地来看看RadioButtonList/RadioButtonListFor和CheckBoxList/CheckBoxListFor这两组扩展方法的实现。我们通过CodeManager得到列表集合&＃xff0c;通过HtmlHelper结合 ModelMetadata得到当前数据&＃xff0c;最终借助于ListControlUtil的GenerateHtml生成相关的Html。
1: public static class ListControlExtensions
2: {
3: public static MvcHtmlString RadioButtonList(this HtmlHelper htmlHelper, string name, string codeCategory, RepeatDirection repeatDirection &＃61; RepeatDirection.Horizontal)
4: {
5: var codes &＃61; CodeManager.GetCodes(codeCategory);
6: return ListControlUtil.GenerateHtml(name, codes, repeatDirection,"radio",null);
7: }
8: public static MvcHtmlString RadioButtonListFor 9: { 10: var codes &＃61; CodeManager.GetCodes(codeCategory); 11: ModelMetadata metadata &＃61; ModelMetadata.FromLambdaExpression 12: string name &＃61; ExpressionHelper.GetExpressionText(expression); 13: string fullHtmlFieldName &＃61; htmlHelper.ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldName(name); 14: return ListControlUtil.GenerateHtml(fullHtmlFieldName, codes, repeatDirection, "radio", metadata.Model); 15: } 16: 17: public static MvcHtmlString CheckBoxList(this HtmlHelper htmlHelper, string name, string codeCategory, RepeatDirection repeatDirection &＃61; RepeatDirection.Horizontal) 18: { 19: var codes &＃61; CodeManager.GetCodes(codeCategory); 20: return ListControlUtil.GenerateHtml(name, codes, repeatDirection, "checkbox", null); 21: } 22: public static MvcHtmlString CheckBoxListFor 23: { 24: var codes &＃61; CodeManager.GetCodes(codeCategory); 25: ModelMetadata metadata &＃61; ModelMetadata.FromLambdaExpression 26: string name &＃61; ExpressionHelper.GetExpressionText(expression); 27: string fullHtmlFieldName &＃61; htmlHelper.ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldName(name); 28: return ListControlUtil.GenerateHtml(fullHtmlFieldName, codes, repeatDirection, "checkbox", metadata.Model); 29: } 30: }
ListControlUtil中生成相关Html的逻辑定义如下&＃xff1a;
1: public static class ListControlUtil
2: {
3: public static MvcHtmlString GenerateHtml(string name, Collection 4: { 5: TagBuilder table &＃61; new TagBuilder("table"); 6: int i &＃61; 0; 7: bool isCheckBox &＃61; type &＃61;&＃61; "checkbox"; 8: if (repeatDirection &＃61;&＃61; RepeatDirection.Horizontal) 9: { 10: TagBuilder tr &＃61; new TagBuilder("tr"); 11: foreach (var code in codes) 12: { 13: i&＃43;&＃43;; 14: string id &＃61; string.Format("{0}_{1}", name, i); 15: TagBuilder td &＃61; new TagBuilder("td"); 16: 17: bool isChecked &＃61; false; 18: if (isCheckBox) 19: { 20: IEnumerable 21: isChecked &＃61; (null !&＃61; currentValues && currentValues.Contains(code.Code)); 22: } 23: else 24: { 25: string currentValue &＃61; stateValue as string; 26: isChecked &＃61; (null !&＃61; currentValue && code.Code &＃61;&＃61; currentValue); 27: } 28: 29: td.InnerHtml &＃61; GenerateRadioHtml(name, id, code.Description, code.Code, isChecked,type); 30: tr.InnerHtml &＃43;&＃61; td.ToString(); 31: } 32: table.InnerHtml &＃61; tr.ToString(); 33: } 34: else 35: { 36: foreach (var code in codes) 37: { 38: TagBuilder tr &＃61; new TagBuilder("tr"); 39: i&＃43;&＃43;; 40: string id &＃61; string.Format("{0}_{1}", name, i); 41: TagBuilder td &＃61; new TagBuilder("td"); 42: 43: bool isChecked &＃61; false; 44: if (isCheckBox) 45: { 46: IEnumerable 47: isChecked &＃61; (null !&＃61; currentValues && currentValues.Contains(code.Code)); 48: } 49: else 50: { 51: string currentValue &＃61; stateValue as string; 52: isChecked &＃61; (null !&＃61; currentValue && code.Code &＃61;&＃61; currentValue); 53: } 54: 55: td.InnerHtml &＃61; GenerateRadioHtml(name, id, code.Description, code.Code, isChecked, type); 56: tr.InnerHtml &＃61; td.ToString(); 57: table.InnerHtml &＃43;&＃61; tr.ToString(); 58: } 59: } 60: return new MvcHtmlString(table.ToString()); 61: } 62: 63: private static string GenerateRadioHtml(string name, string id, string labelText, string value, bool isChecked, string type) 64: { 65: StringBuilder sb &＃61; new StringBuilder(); 66: 67: TagBuilder label &＃61; new TagBuilder("label"); 68: label.MergeAttribute("for", id); 69: label.SetInnerText(labelText); 70: 71: TagBuilder input &＃61; new TagBuilder("input"); 72: input.GenerateId(id); 73: input.MergeAttribute("name", name); 74: input.MergeAttribute("type", type); 75: input.MergeAttribute("value", value); 76: if (isChecked) 77: { 78: input.MergeAttribute("checked", "checked"); 79: } 80: sb.AppendLine(input.ToString()); 81: sb.AppendLine(label.ToString()); 82: return sb.ToString(); 83: } 84: }
通过对HtmlHelper扩展简化“列表控件”的绑定
为HtmlHelper添加一个RadioButtonList扩展方法
在ASP.NET MVC中使用“RadioButtonList”和“CheckBoxList”
京公网安备 11010802041100号