MVC应用程序与单选列表

原文:MVC应用程序与单选列表

前几天,Insus.NET有在MVC应用程序中,练习了《MVC应用程序,动态创建单选列表(RadioButtonList)http://www.cnblogs.com/insus/p/3551348.html 只是使用jQuery来动态创建了Radio的单选列表。为了更全面的了解单选列表(RadioButton List)与jQuery在MVC应用程序应用。Insus.NET再次练习。此次所有练习效果如下:
MVC应用程序与单选列表

下面我们一步一步来完成此练习,先是在MVC应用程序中创建一个model:
MVC应用程序与单选列表

 

创建一个Entity,由于上一个练习已经创建好了,我们只管添加实体好了:
MVC应用程序与单选列表

在Home控制添加一个视图方法以及单选项的数据源:
MVC应用程序与单选列表

 

 创建一个视图:
MVC应用程序与单选列表

 

上图中,高亮的div将用来加载jQuery动态生成的单选项列表。其余5个铵钮功能,稍后一一演示。

先要在视图中,引用jQuery库:
MVC应用程序与单选列表

 

 然后是动态产生单选列表:
MVC应用程序与单选列表


铵钮1是把单选列表中被选中的选项清除:
MVC应用程序与单选列表


铵钮2是获取单选列表选中选项的索引:
MVC应用程序与单选列表

铵钮3是获取单选列表中选中的选项的键值:
MVC应用程序与单选列表

铵钮4是获取单选列表中选中的选项的显示文本:
MVC应用程序与单选列表


铵钮5,是根据值或文本来设置单选列表的选项为选中:
MVC应用程序与单选列表

MVC应用程序与单选列表

上一篇:初涉JavaScript模式 (12) : 沙箱模式


下一篇:MVC3 - 模型