码迷,mamicode.com
首页 > Web开发 > 详细

MVC应用程序,动态创建单选列表(RadioButtonList)

时间:2014-08-07 12:30:10      阅读:271      评论:0      收藏:0      [点我收藏+]

标签:blog   http   os   io   数据   for   2014   ar   

单选列表是多个选项,让用户选择一个。MVC应用程序开发中,少之不了。下面就来练习之个小功能。

这个练习,Insus.NET想实现一个日期显示的格式。在MVC中,得需从model开始创建:
bubuko.com,布布扣


再创建一个Entity,这个Entity(实体)将为单选列表提供数据源:
bubuko.com,布布扣

打开以前练习时,创建好的一个视图Views\Home\Index.cshtml,添加一个div标签,好让Radio动态添加时,能加载于此。
bubuko.com,布布扣

下面可以开始写jQuery代码:
bubuko.com,布布扣


#1引用jQuery的js库。
#2获取单选列表的数据源。
#3循环产生单选项Radio。

在视图预览效果:
bubuko.com,布布扣

当前是水平显示选项,如果你想实现垂直显示,需要在jQuery代码中的#3部分,添加一句:

$(‘<br />‘).appendTo("#RadioDateFormat");


详细如下:
bubuko.com,布布扣

 

运行显示如下:
bubuko.com,布布扣

 
 

MVC应用程序,动态创建单选列表(RadioButtonList),布布扣,bubuko.com

MVC应用程序,动态创建单选列表(RadioButtonList)

标签:blog   http   os   io   数据   for   2014   ar   

原文地址:http://www.cnblogs.com/lschenblog/p/3896475.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!