jqGrid初始化加载本地json数据
2012-04-01 12:54
351 查看
$(function(){ $("#gridTable").jqGrid({ width:930, dataType:'local', colNames:["国家/地区/组织代码","国家/地区/组织名称","操作","国家/地区/组织代码","国家/地区/组织名称","操作"], colModel:[ {name:"code",index:"code",align:'center'}, {name:"name",index:"name",align:'center'}, {name:"operation",index:"operation",align:'center'}, {name:"code1",index:"code1",align:'center'}, {name:"name1",index:"name1",align:'center'}, {name:"operation1",index:"operation1",align:'center'}, ], viewrecords:true, rowNum:15, //autoHeight:true, rowList:[15,20,25,30], jsonReader:{ root: "rows", page: "page", total: "total", records: "records", repeatitems: false }, pager:"#gridPager", }); var rows = [ {"code":"CN","name":"中国","operation":"<span style='color:blue;cursor:pointer;'>应用</span>","code1":"US","name1":"美国","operation1":"<span style='color:blue;cursor:pointer;'>应用</span>"}, {"code":"JP","name":"日本","operation":"<span style='color:blue;cursor:pointer;'>应用</span>","code1":"KR","name1":"韩国","operation1":"<span style='color:blue;cursor:pointer;'>应用</span>"}, {"code":"RU","name":"俄罗斯联邦","operation":"<span style='color:blue;cursor:pointer;'>应用</span>","code1":"EP","name1":"欧洲专利局","operation1":"<span style='color:blue;cursor:pointer;'>应用</span>"}, {"code":"WO","name":"世界知识产权组织","operation":"<span style='color:blue;cursor:pointer;'>应用</span>","code1":"AD","name1":"安道尔","operation1":"<span style='color:blue;cursor:pointer;'>应用</span>"}, {"code":"AE","name":"阿拉伯联合酋长国","operation":"<span style='color:blue;cursor:pointer;'>应用</span>","code1":"AF","name1":"阿富汗","operation1":"<span style='color:blue;cursor:pointer;'>应用</span>"}, {"code":"AG","name":"安提瓜和巴布达","operation":"<span style='color:blue;cursor:pointer;'>应用</span>","code1":"AI","name1":"安圭拉","operation1":"<span style='color:blue;cursor:pointer;'>应用</span>"}, {"code":"AL","name":"阿尔巴尼亚","operation":"<span style='color:blue;cursor:pointer;'>应用</span>","code1":"AM","name1":"亚美尼亚","operation1":"<span style='color:blue;cursor:pointer;'>应用</span>"}, {"code":"AN","name":"荷属安的列斯群岛","operation":"<span style='color:blue;cursor:pointer;'>应用</span>","code1":"AO","name1":"安哥拉","operation1":"<span style='color:blue;cursor:pointer;'>应用</span>"}, {"code":"AP","name":"非洲地区工业产权组织(ARIPO)","operation":"<span style='color:blue;cursor:pointer;'>应用</span>","code1":"AR","name1":"阿根廷","operation1":"<span style='color:blue;cursor:pointer;'>应用</span>"}, {"code":"AS","name":"美属萨摩亚","operation":"<span style='color:blue;cursor:pointer;'>应用</span>","code1":"AT","name1":"奥地利","operation1":"<span style='color:blue;cursor:pointer;'>应用</span>"}, ]; for(var i=0;i<rows.length;i++){ $("#gridTable").jqGrid('addRowData',i+1,rows[i]); } });
相关文章推荐
- Easyui datagrid加载本地Json数据
- jqGrid如何设置jqGrid第一次初始化时不加载任何数据?实现方法!
- jqgrid加载本地数据分页
- Easyui datagrid加载本地Json数据
- 详解vue 模拟后台数据(加载本地json文件)调试
- jqGrid如何设置jqGrid第一次初始化时不加载任何数据?实现方法!
- 读取本地JSON数据初始化树
- Easyui datagrid加载本地Json数据,CGI数据
- 读取本地磁盘json数据,加载到script标签中
- 关于Jqgrid加载本地数据显示列表
- #jqGrid#如何设置jqGrid第一次初始化时不加载任何数据
- jqGrid怎么设置初始化页面时不加载数据(不向服务器请求数据)
- Easyui datagrid加载本地Json数据
- 用本地json数据初始化jsTree,绑定树节点的单击选择事件
- 使用Sencha Touch加载本地Json数据
- 数组数据转换成json形式,用于jqgrid初始化表格
- jqGrid怎么设置初始化页面时不加载数据(不向服务器请求数据)
- jqgrid 加载本地数据local 如何分页
- easyUI(一) -- 加载本地JSON数据
- jqGrid 初始化列表时,不加载数据