easyui datagrid 单选框 效果
Posted 疯子加天才
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了easyui datagrid 单选框 效果相关的知识,希望对你有一定的参考价值。
columns: [[{
field: ‘oid‘,
title: ‘选择‘,
width: 20,
formatter: function(value, rowData, rowIndex){
return ‘<input type="radio" name="selectRadio" id="selectRadio"‘ + rowIndex + ‘ value="‘ + 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="‘ + 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 单选框 效果的主要内容,如果未能解决你的问题,请参考以下文章
jquery-easyui的datagrid(树表),复选框怎么半选?