CRM的dev(七)--为easyUI的datagrid每行增加一个单选按钮

来源:互联网 发布:索尼淘宝授权店真假 编辑:程序博客网 时间:2024/04/23 14:30

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;            }        }
阅读全文
0 0