栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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
使用内部参数
_index
data
并且可以用来访问网格的包含物。在示例中,我禁用了该列中不包含“ 200”的
amount
行。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/381704.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号