首页 > 代码库 > easyui datagrid 单选框 效果
easyui datagrid 单选框 效果
columns: [[{
field: ‘oid‘,
title: ‘选择‘,
width: 20,
formatter: function(value, rowData, rowIndex){
return ‘<input type="radio" name="selectRadio" id="selectRadio"‘ + rowIndex + ‘ value="http://www.mamicode.com/‘ + rowData.oid + ‘" />‘;
}
}
onLoadSuccess: function(data){
//加载完毕后获取所有的checkbox遍历
if (data.rows.length > 0) {
//循环判断操作为新增的不能选择
for (var i = 0; i < data.rows.length; i++) {
//根据operate让某些行不可选
if (data.rows[i].operate == "false") {
$("input[type=‘radio‘]")[i].disabled = true;
}
}
}
},
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;
}
}
field: ‘oid‘,
title: ‘选择‘,
width: 20,
formatter: function(value, rowData, rowIndex){
return ‘<input type="radio" name="selectRadio" id="selectRadio"‘ + rowIndex + ‘ value="http://www.mamicode.com/‘ + rowData.oid + ‘" />‘;
}
}
onLoadSuccess: function(data){
//加载完毕后获取所有的checkbox遍历
if (data.rows.length > 0) {
//循环判断操作为新增的不能选择
for (var i = 0; i < data.rows.length; i++) {
//根据operate让某些行不可选
if (data.rows[i].operate == "false") {
$("input[type=‘radio‘]")[i].disabled = true;
}
}
}
},
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;
}
}
easyui datagrid 单选框 效果
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。