jquery easy ui 实现radio单选
2014-06-30 16:35
876 查看
1、使用datagrid实现列表table,注意参数
2、formatter ID的显示
3、实现单选选择变幻,增加事件onClickRow
singleSelect:true,
2、formatter ID的显示
frozenColumns:[[{ field:'id', hidden:false, formatter: function(value, rowData, rowIndex){ return '<input type="radio" name="selectRadio" id="selectRadio"' + rowIndex + ' value="' + rowData.id + '" />'; } }]],
3、实现单选选择变幻,增加事件onClickRow
onClickRow: function(rowIndex, rowData){ //加载完毕后获取所有的checkbox遍历 var radio = $("input[type='radio']")[rowIndex].disabled; //如果当前的单选框不可选,则不让其选中 if (radio!= true) { //让点击的行单选按钮选中 $("input[type='radio']")[rowIndex].checked = true; } else { $("input[type='radio']")[rowIndex].checked = false; } }
相关文章推荐
- Jquery Easy UI 实现页面的Loading效果(类似于Android的ProgressDialog)
- c#,jquery easy ui通过ajax实现异步加载tree
- 玩转Web之Json(二)----jquery easy ui + Ajax +Json+SQL实现前后台数据交互
- easy Ui + Jquery 弹窗 的实现
- jQuery实现radio的单选,和取消单选
- jquery easy ui datagrid 纯后台分页实现
- jQuery 实现单选按钮(radio)勾选和取消,使用prop()代替attr() 踩坑博客
- Jquery操作单选按钮(Radio)的取值赋值实现代码
- jquery easy ui 简单字段选择搜索实现
- 玩转Web之Json(二)----jquery easy ui + Ajax +Json+SQL实现前后台数据交互
- 玩转Web之Json(二)----jquery easy ui + Ajax +Json+SQL实现前后台数据交互
- easyUI布局篇使用jquery easy UI的panel和layout实现界面的自适用窗口
- Jquery Easy UI 实现页面的Loading效果(类似于Android的ProgressDialog)
- jquery ui tabs 控件 标签倒置并实现固定
- 在DataGrid中实现Radio单选
- 在DataGrid中添加Radio实现单选
- iframe配合JQueryUI dialog实现登录对话框效果
- iframe配合JQueryUI dialog实现登录对话框效果
- 在DataGrid中添加Radio实现单选
- 一步一步地实现菜单栏(JMenuBar)工具栏(JPopupMenu)组合框(JComboBox)复选框(JCheckBox)单选按钮(JRadioButton)文本域的综合应用(三)