jquery easy ui 实现radio单选

时间:2014-07-01 21:04:08   收藏:0   阅读:4201

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

 

 

jquery easy ui 实现radio单选,布布扣,bubuko.com

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!