首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Jqgrid:在网格加载后加载数据?

Jqgrid:在网格加载后加载数据?
EN

Stack Overflow用户
提问于 2012-01-04 06:01:52
回答 1查看 3.4K关注 0票数 1

我使用的是jqgrid4.0 .The网格,使用“本地”数据类型加载页面,加载一次:“真”,我不想使用分页。由于要加载的数据是巨大的,因此需要大量的时间来加载。我怎样才能

  1. 只先用标题加载网格,将加载文本显示为“加载.”然后加载数据?现在,网格和数据一起加载,直到完成时页面才会出现。
  2. 在网格中加载数据更快?

下面是我的代码片段,其中'data‘是json编码的数组形成的服务器端。

代码语言:javascript
复制
<script type="text/javascript">
    jQuery("#list9").jqGrid({
        data: data,
        datatype: "local", 
        colNames:[...],
        colModel:[...],
        sortname: 'fld_name',
        rowNum: '-1',
        loadonce:true, 
        mtype: "GET",
        gridview: true,
        viewrecords: true,
        sortorder: "asc",
        pager: '#pager9',
        rownumbers: true,
        multiselect: false,
        width: '100%',
        pgbuttons:false,
                pgtext:'',
        loadtext: 'loading....',
        ignoreCase: true
        });

jQuery("#list9").jqGrid('filterToolbar', {stringResult: true,searchOnEnter : false}); 
$('.ui-widget-header').css("background", "#7B9FBC");
$('.ui-jqgrid-sortable').css("text-align", "left");


</script>
EN

回答 1

Stack Overflow用户

发布于 2012-01-04 14:47:05

我所做的是:

首先,在没有任何数据的情况下呈现网格。

代码语言:javascript
复制
var grid = $('#myGrid'); 
grid.jqGrid({   
    data: [],
    datatype: "local",
    colModel: [ ...

然后,使用addRowData将数据添加到网格中。

代码语言:javascript
复制
var grid = $('#myGrid');
grid.jqGrid('addRowData', 'ContactID', newRowData, 'first');

在构建网格时,您的数据似乎已经在内存中了,只是需要很长时间才能呈现网格。这可能是因为在呈现网格时创建了所有DOM对象。除了分页之外,除了分页之外,没有什么可以做的,或者,如果您使用的格式很重,则可以降低单元格的复杂性。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8722658

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档