EasyUI的datagrid为每行增加单选按钮:
Js中的Columns直接增加一个字段:
代码如下:
{field: 'IsEnable', title: '选择', width: 60, align: 'center',
//调用formater函数对列进行格式化,使其显示单选按钮(所有单选按钮name属性设为统一,这样就只能有一个处于选中状态)
formatter: function (value, row, index) {
return '<input name="isShow" type="radio" /> ';
}
} ,
然后是在Columns字段写完了之后,加上它的单击选中方法:
还是在JS中添加代码:
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;
}
}