jquery easy ui 实现radio单选

1、使用datagrid实现列表table,注意参数

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;
           }
       }

 

 

posted @ 2014-06-30 16:35  方坚.cn  阅读(2645)  评论(0编辑  收藏  举报