Jqgrid:在网格加载之后加载数据?
我使用的是jqgrid 4.0。网格是使用“本地”数据类型loadonce:“true”在页面加载上加载的,我不想使用分页。由于要加载的数据非常庞大,因此需要花费大量时间才能加载。我怎么能Jqgrid:在网格加载之后加载数据?,jqgrid,Jqgrid,我使用的是jqgrid 4.0。网格是使用“本地”数据类型loadonce:“true”在页面加载上加载的,我不想使用分页。由于要加载的数据非常庞大,因此需要花费大量时间才能加载。我怎么能 是否先用标题加载网格,将加载文本显示为“加载…”,然后加载数据?现在,网格和数据一起加载,直到加载完成,页面才会出现 在网格中更快地加载数据 下面是我的代码片段,其中“data”是服务器端形成的json编码数组 <script type="text/javascript"> jQuery(
<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对象。除了分页之外,您没有什么可以做的,如果您使用的是大量的格式,您也可以降低单元格的复杂性