jqgrid 加载本地数据

2018/04/20 16:51
阅读数 60

jqgrid 加载本地数据,格式为json

 1 var grid = $('#table').jqGrid({
 2   datatype: 'local',
 3   altRows: true,
 4   colModel: [
 5     {name: '0', label: "Name"},
 6     {name: '1', label: "Color"},
 7   ],
 8   pager: "#pager",
 9   rowNum: 15,
10   sortname: '0',
11   viewrecords: true,
12   gridview: true,
13   height: '100%',
14   autowidth: '100%'
15 });
16 
17 var reader = {
18   root: function(obj) { return results.rows; },
19   page: function(obj) { return results.page; },
20   total: function(obj) { return results.total; },
21   records: function(obj) { return results.records; }
}
22 23 grid.setGridParam({data: results.rows, localReader: reader}).trigger('reloadGrid');

这样的设置,加载速度没问题,还有另外一种方法,使用addRowData方法,速度有点慢,附上代码

 1 $(function(){
 2     
 3     
 4     $("#gridTable").jqGrid({
 5         width:930,
 6         dataType:'local',        
 7         colNames:["国家/地区/组织代码","国家/地区/组织名称","操作","国家/地区/组织代码","国家/地区/组织名称","操作"],
 8         colModel:[
 9                     {name:"code",index:"code",align:'center'},
10                     {name:"name",index:"name",align:'center'},
11                     {name:"operation",index:"operation",align:'center'},
12                     {name:"code1",index:"code1",align:'center'},
13                     {name:"name1",index:"name1",align:'center'},
14                     {name:"operation1",index:"operation1",align:'center'},
15                 ],
16         viewrecords:true,
17         rowNum:15,
18         //autoHeight:true,
19         rowList:[15,20,25,30],
20         jsonReader:{
21             root: "rows", 
22             page: "page", 
23             total: "total", 
24             records: "records", 
25             repeatitems: false 
26 
27         },
28         pager:"#gridPager",            
29     });
30     
31     var rows = [
32                 {"code":"CN","name":"中国","operation":"<span style='color:blue;cursor:pointer;'>应用</span>","code1":"US","name1":"美国","operation1":"<span style='color:blue;cursor:pointer;'>应用</span>"},
33                 {"code":"JP","name":"日本","operation":"<span style='color:blue;cursor:pointer;'>应用</span>","code1":"KR","name1":"韩国","operation1":"<span style='color:blue;cursor:pointer;'>应用</span>"},
34                 {"code":"RU","name":"俄罗斯联邦","operation":"<span style='color:blue;cursor:pointer;'>应用</span>","code1":"EP","name1":"欧洲专利局","operation1":"<span style='color:blue;cursor:pointer;'>应用</span>"},
35                 {"code":"WO","name":"世界知识产权组织","operation":"<span style='color:blue;cursor:pointer;'>应用</span>","code1":"AD","name1":"安道尔","operation1":"<span style='color:blue;cursor:pointer;'>应用</span>"},
36                 {"code":"AE","name":"阿拉伯联合酋长国","operation":"<span style='color:blue;cursor:pointer;'>应用</span>","code1":"AF","name1":"阿富汗","operation1":"<span style='color:blue;cursor:pointer;'>应用</span>"},
37                 {"code":"AG","name":"安提瓜和巴布达","operation":"<span style='color:blue;cursor:pointer;'>应用</span>","code1":"AI","name1":"安圭拉","operation1":"<span style='color:blue;cursor:pointer;'>应用</span>"},
38                 {"code":"AL","name":"阿尔巴尼亚","operation":"<span style='color:blue;cursor:pointer;'>应用</span>","code1":"AM","name1":"亚美尼亚","operation1":"<span style='color:blue;cursor:pointer;'>应用</span>"},
39                 {"code":"AN","name":"荷属安的列斯群岛","operation":"<span style='color:blue;cursor:pointer;'>应用</span>","code1":"AO","name1":"安哥拉","operation1":"<span style='color:blue;cursor:pointer;'>应用</span>"},
40                 {"code":"AP","name":"非洲地区工业产权组织(ARIPO)","operation":"<span style='color:blue;cursor:pointer;'>应用</span>","code1":"AR","name1":"阿根廷","operation1":"<span style='color:blue;cursor:pointer;'>应用</span>"},
41                 {"code":"AS","name":"美属萨摩亚","operation":"<span style='color:blue;cursor:pointer;'>应用</span>","code1":"AT","name1":"奥地利","operation1":"<span style='color:blue;cursor:pointer;'>应用</span>"},
42                 
43                 ];
44     for(var i=0;i<rows.length;i++){
45         $("#gridTable").jqGrid('addRowData',i+1,rows[i]);
46     }
47     
48     
49     
50 });

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部