jquery easy ui 实现radio单选

最新推荐文章于 2022-04-30 04:59:01 发布

weixin_30834019

最新推荐文章于 2022-04-30 04:59:01 发布

阅读量537

点赞数

CC 4.0 BY-SA版权

文章标签： ui javascript ViewUI

原文链接：http://www.cnblogs.com/fangj/p/3816836.html

本文详细介绍了如何使用datagrid实现列表table，并通过设置单选选择的交互功能，实现列表项的选择变化，包括单选按钮的显示与禁用逻辑。

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