您的位置:首页

jqGrid怎么设置初始化页面时不加载数据(不向服务器请求数据)

2017-12-15 11:39 417 查看
  最近做一些表格一直用到jqGrid,今天遇到一个问题:

  1、就是页面加载的时候数据不显示,点击搜索才根据请求从服务器返回并显示内容。

  2、默认不从服务器请求数据(不然在开发者工具下会显示请求不到数据的报错)

  通常的解决方法就是直接给$("#jqGridTable").jqGrid({})套一个function,但个人感觉这并不是最好的方法。

  我建议可以用:

  (1). 初始化$("#jqGridTable").jqGrid({})的时候设置datatype: 'local',即:

$("#grid").jqGrid({
url:"http://localhost:8080/xxxx",
datatype:"local"

});


  (2)、当要加载数据的时候把datatype设置为json或者XML:

$("#jqGridTable").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');


  实例:

if(devOnlyId!=""){
$("#gridTable").jqGrid('setGridParam', {
datatype:'json',
postData: { "queryBean.devOnlyId":devOnlyId }, page: 1
}).trigger('reloadGrid');
}else{
$("#gridTable").jqGrid('setGridParam', {
datatype:'json',
postData: { "queryBean.devOnlyId":null }, page: 1
}).trigger('reloadGrid');
};


  数据只给了rows的数据时,jqGrid加载本地数据:

//执行对象列表
$("#executeObject_table").jqGrid({
dataType:"local",
width :450,
height : 200,
viewrecords: true,
multiselect: true,
colModel:[
{index:'id',name:'id',hidden:true}
,{index : 'typename',name : 'typename',label : '<s:text name="名称"/>',align : 'center',width : 200}
,{index : 'typecode',name : 'typecode',label : '<s:text name="类型"/>',align : 'center',width : 200}
]
});
var data = JSON.parse($("#executeObject_table_hidden").val());
for(var i=0,len=data.length;i<len;i++){
$("#executeObject_table").jqGrid('addRowData',i+1,data[i]);
}
//"[
{"id":"d7915253b9ed41bba420de780d3cd6f0","typecode":"windowsDesktop","typename":"windows桌面终端","remarks":"windows桌面终端"},
{"id":"a4243998b03a43558d5708573f361674","typecode":"windowsCloud","typename":"windows云桌面","remarks":"windows云桌面"}
]"
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐