您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

jqgrid无需分页即可加载大数据集

jqgrid无需分页即可加载大数据集

此演示的示例中,您可以看到在使用的情况下为网格加载1500行的时间gridview: true

您的示例最大的性能问题在loadComplete函数内部。如果确实需要在网格上进行一些修改,则应使用jQuery来操纵网格包含。如果像示例中一样直接使用网格的DOM元素,则可以实现最佳性能

loadComplete: function() {
    var i=0, indexes = this.p._index, localdata = this.p.data,
        rows=this.rows, rowsCount = rows.length, row, rowid, rowData, className;

    for(;i<rowsCount;i++) {
        row = rows[i];
        className = row.className;
        //if ($(row).hasClass('jqgrow')) { // test for standard row
        if (className.indexOf('jqgrow') !== -1) {
            rowid = row.id;
            rowData = localdata[indexes[rowid]];
            if (rowData.amount !== "200") {
                // if (!$(row).hasClass('ui-state-disabled')) {
                if (className.indexOf('ui-state-disabled') === -1) {
                    row.className = className + ' ui-state-disabled';
                }
                //$(row).addClass('ui-state-disabled');
            }
        }
    }
}

您可以在此处看到相应的示例。

loadComplete函数的实现中,我使用了这样的事实:具有loadonce:true参数的jqGrid 使用内部参数_indexdata并且可以用来访问网格的包含物。在示例中,我禁用了该列中不包含“ 200”的amount行。

其他 2022/1/1 18:19:50 有326人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶