您的位置:首页
jqGrid怎么设置初始化页面时不加载数据(不向服务器请求数据)
2017-12-15 11:39
417 查看
最近做一些表格一直用到jqGrid,今天遇到一个问题:
1、就是页面加载的时候数据不显示,点击搜索才根据请求从服务器返回并显示内容。
2、默认不从服务器请求数据(不然在开发者工具下会显示请求不到数据的报错)
通常的解决方法就是直接给$("#jqGridTable").jqGrid({})套一个function,但个人感觉这并不是最好的方法。
我建议可以用:
(1). 初始化$("#jqGridTable").jqGrid({})的时候设置datatype: 'local',即:
(2)、当要加载数据的时候把datatype设置为json或者XML:
实例:
数据只给了rows的数据时,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云桌面"} ]"
相关文章推荐
- jqGrid怎么设置初始化页面时不加载数据(不向服务器请求数据)
- jqGrid如何设置jqGrid第一次初始化时不加载任何数据?实现方法!
- #jqGrid#如何设置jqGrid第一次初始化时不加载任何数据
- jqGrid如何设置jqGrid第一次初始化时不加载任何数据?实现方法!
- 怎么在页面加载时读取到数据库中的数据
- Not Found 由于 Web 服务器上的“ISAPI 和 CGI 限制”列表设置,无法提供您请求的页面
- 仿知乎日报第十一篇:从网络为12个页面加载数据,并设置数据
- 处理【由于 Web 服务器上的“ISAPI 和 CGI 限制”列表设置,无法提供您请求的页面】
- 由于 Web 服务器上的“ISAPI 和 CGI 限制”列表设置,无法提供您请求的页面
- 由于Web服务器上的“ISAPI和CGI限制”列表设置,无法提供您请求的页面
- HTTP 错误 404.2 - Not Found 由于 Web 服务器上的“ISAPI 和 CGI 限制”列表设置,无法提供您请求的页面
- 由于WEB服务器上的"ISAP"和"CGI"限制列表设置,无法提供您请求的页面——错误解决
- jQuery动态加载页面和请求所返回的数据
- Not Found 由于 Web 服务器上的“ISAPI 和 CGI 限制”列表设置,无法提供您请求的页面
- HTTP 错误 404.2 - Not Found. 由于 Web 服务器上的“ISAPI 和 CGI 限制”列表设置,无法提供您请求的页面
- 由于 Web 服务器上的“ISAPI 和 CGI 限制”列表设置,无法提供您请求的页面
- 加载页面时同时触发两个ajax请求,数据显示的顺序不一致
- HTTP 错误 404.2 - Not Found 由于 Web 服务器上的“ISAPI 和 CGI 限制”列表设置,无法提供您请求的页面
- HTTP 错误 404.2 - Not Found 由于 Web 服务器上的“ISAPI 和 CGI 限制”列表设置,无法提供您请求的页面。