关于ligerGrid中的detail明细属性

最新推荐文章于 2020-12-02 08:52:53 发布

晴空万里2942

最新推荐文章于 2020-12-02 08:52:53 发布

阅读量9.7k

点赞数

分类专栏：乱 JS

本文链接：https://blog.csdn.net/hugaozhuang/article/details/8977172

版权

乱同时被 2 个专栏收录

25 篇文章 0 订阅

订阅专栏

11 篇文章 0 订阅

订阅专栏

在ligerGrid中，若要查看某一列的详细属性，可以添加detail属性

如

 var grid = $("#maingrid").ligerGrid({
            columns: [
                   { display: '发件人', name: 'Sender' },
                   { display: '主题', name: 'Title', width: 300, align: 'left' },
                   { display: '发送日期', name: 'RDT' },
                   { display: '是否读取', name: 'IsRead', render: function (rowdata, rowindex) {
                       if (rowdata.IsRead == "1") { return '已读'; }
                       else { return '未读'; }
                   }
                   }
                   ],
            pageSize: 20,
            data: pushData,
            rownumbers: true,
            height: "99%",
            width: "99%",
            columnWidth: 120,
            onReload: LoadGrid,
            detail: { onShowDetail: GetDetail },
            groupColumnName: 'SortRDT',
            groupColumnDisplay: '时间'
        });

对其中的GetDetail方法，可以自定义实现其功能

//显示 详细信息
function GetDetail(row, detailPanel) {
    var grid = document.createElement('div');
    $(detailPanel).append(grid);
    grid.innerHTML = row.Doc;
}

对于参数row，则是上述Grid的某一行。

detailPanel是gird中某一行所在的的位置，采用append的方法，在该行末尾添加div的方式，设置详细内容即可。

其中，可以设置div的样式，例如 $(grid).css('margin', 20)

ligerUI集合下载：http://download.csdn.net/detail/hugaozhuang/5454767