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

Jqgrid:在网格加载之后加载数据?,jqgrid,Jqgrid,我使用的是jqgrid 4.0。网格是使用“本地”数据类型loadonce:“true”在页面加载上加载的,我不想使用分页。由于要加载的数据非常庞大,因此需要花费大量时间才能加载。我怎么能 是否先用标题加载网格,将加载文本显示为“加载…”,然后加载数据?现在,网格和数据一起加载,直到加载完成,页面才会出现 在网格中更快地加载数据 下面是我的代码片段,其中“data”是服务器端形成的json编码数组 <script type="text/javascript"> jQuery(

我使用的是jqgrid 4.0。网格是使用“本地”数据类型loadonce:“true”在页面加载上加载的,我不想使用分页。由于要加载的数据非常庞大,因此需要花费大量时间才能加载。我怎么能

  • 是否先用标题加载网格,将加载文本显示为“加载…”,然后加载数据?现在,网格和数据一起加载,直到加载完成,页面才会出现

  • 在网格中更快地加载数据

  • 下面是我的代码片段,其中“data”是服务器端形成的json编码数组

    <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>
    
    
    jQuery(“#list9”).jqGrid({
    数据:数据,
    数据类型:“本地”,
    colNames:[…],
    colModel:[…],
    sortname:“fld_名称”,
    rowNum:“-1”,
    有一次:是的,
    mtype:“获取”,
    gridview:没错,
    viewrecords:是的,
    分拣员:“asc”,
    传呼机:“#第9页”,
    行数:对,
    多选:错,
    宽度:“100%”,
    PG按钮:错误,
    pgtext:“”,
    loadtext:“正在加载…”,
    无知者:是的
    });
    jQuery(“#list9”).jqGrid('filterToolbar',{stringResult:true,SearchOneNet:false});
    $('.ui小部件标题').css(“背景”,“#7B9FBC”);
    $('.ui jqgrid sortable').css(“文本对齐”,“左”);
    
    我所做的是:

    首先,渲染没有任何数据的网格

    var grid = $('#myGrid'); 
    grid.jqGrid({   
        data: [],
        datatype: "local",
        colModel: [ ...
    
    然后,使用将数据添加到网格中

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

    我所做的是:

    首先,渲染没有任何数据的网格

    var grid = $('#myGrid'); 
    grid.jqGrid({   
        data: [],
        datatype: "local",
        colModel: [ ...
    
    然后,使用将数据添加到网格中

    听起来,在构建网格时,您的数据已经存储在内存中,渲染网格只需要很长时间。这可能是因为渲染网格时创建了所有DOM对象。除了分页之外,您没有什么可以做的,如果您使用的是大量的格式,您也可以降低单元格的复杂性