• easyui datagrid 单选框 效果


    columns: [[{
                field: 'oid',
                title: '选择',
                20,
                formatter: function(value, rowData, rowIndex){
                    return '<input type="radio" name="selectRadio" id="selectRadio"' + rowIndex + '    value="' + rowData.oid + '" />';
                }
            }



    onLoadSuccess: function(data){
                //加载完毕后获取所有的checkbox遍历
                if (data.rows.length > 0) {
                    //循环判断操作为新增的不能选择
                    for (var i = 0; i < data.rows.length; i++) {
                        //根据operate让某些行不可选
                        if (data.rows[i].operate == "false") {
                            $("input[type='radio']")[i].disabled = true;
                        }
                    }
                }
            },
            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;
                }
            }
            
     
     
  • 相关阅读:
    4章 关键的“构建”决策
    [转]EAGAIN、EWOULDBLOCK、EINTR与非阻塞 长连接
    5章 软件构建中的设计
    网站收集,慢慢积攒
    常见的SQL优化建议
    eclipse 最全快捷键 分享快乐与便捷
    设置Activity全屏和无标题
    Anaroid WebView详解大全
    cordova2.2对于CordovaWebView的配置
    在Android的webview中定制js的alert,confirm和prompt对话框的方法
  • 原文地址:https://www.cnblogs.com/telwanggs/p/5831043.html
Copyright © 2020-2023  润新知