首页 > 其他 > 详细

easyui datagrid 让某行复选框置灰不能选

时间:2015-11-09 11:00:55      阅读:362      评论:0      收藏:0      [点我收藏+]

最近做项目需要类似如标题的效果,根据实际需求整合了一下网上的,内容如下:

$(‘#dg‘).datagrid({
    url:"url",
    method:‘post‘,
    singleSelect: false,
    collapsible: true,
    autoRowHeight: 35,
    fitColumns: true,
    pagination: true,
    rownumbers: true,
    rowStyler:function(index,row){
        if(row.isFinanceExamine==1){
            return ‘background-color:#6293BB;color:#fff;font-weight:bold;‘;
        }
    },
    onLoadSuccess: function(data){//加载完毕后获取所有的checkbox遍历
        if (data.rows.length > 0) {
            //循环判断操作为新增的不能选择
            for (var i = 0; i < data.rows.length; i++) {
                //根据isFinanceExamine让某些行不可选
                if (data.rows[i].isFinanceExamine == 1) {
                    $("input[type=‘checkbox‘]")[i + 1].disabled = true;
                }
            }
        }
    },
    onClickRow: function(rowIndex, rowData){
        //加载完毕后获取所有的checkbox遍历
        $("input[type=‘checkbox‘]").each(function(index, el){
            //如果当前的复选框不可选,则不让其选中
            if (el.disabled == true) {
                $(‘#dg‘).datagrid(‘unselectRow‘, index - 1);
            }
        })
    }
});

参考博文 http://blog.csdn.net/fengxing_2/article/details/8856149

欢迎交流,共同学习~~

easyui datagrid 让某行复选框置灰不能选

原文:http://my.oschina.net/dailongyao/blog/527944

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!