easyui datagrid之复选框的禁用

最新推荐文章于 2022-07-08 15:06:48 发布

原创最新推荐文章于 2022-07-08 15:06:48 发布 · 2.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#easyui

前端专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何使用 DataGrid 的 onLoadSuccess 方法实现表格中特定字段的单元格合并，并禁用部分复选框的功能。

1、当datagrid 的onLoadSuccess方法中


datagrid({onLoadSuccess:function(data){
   var result = data.rows;
    for(var i=0; i<result.length; i++){
         var row = result[i] ;
         if(row.rowspan >1){
             $('#productGrid').datagrid('mergeCells',{
                 index:i,
                 field:'cpName',
                 rowspan:row.rowspan
             });
             $('#productGrid').datagrid('mergeCells',{
                 index:i,
                 field:'cpId',
                 rowspan:row.rowspan
             });
             $('#productGrid').datagrid('mergeCells',{
                 index:i,
                 field:'cpLogo',
                 rowspan:row.rowspan
             });
             i= i+row.rowspan;
         }
         if(row.pricePkgId == undefined || row.pricePkgId == null) {
             $(".datagrid-row[datagrid-row-index=" + i + "] input[type='checkbox']")[0].disabled = true;
         }
    }
}})