当前位置: 移动技术网 > IT编程>网页制作>CSS > 关于jqGrid框架的数据表格的展示

关于jqGrid框架的数据表格的展示

2019年04月19日  | 移动技术网IT编程  | 我要评论
总结下工作项目中遇到的问题,解决。 问题: jgrid 加载 本地数据(不是传查询过来的数据),本地数据信息之类的,展示到前台。 解决: 自定义列名,然后 根据jqgrid

总结下工作项目中遇到的问题,解决。

问题: jgrid 加载 本地数据(不是传查询过来的数据),本地数据信息之类的,展示到前台。

解决

自定义列名,然后 根据jqgrid 的$("#transferlist").jqgrid("addrowdata", 1+i, dataresult1, "last");方法,对数据表格的更新

这里只附上了 前台javascript 的代码。

    	var dataresult1 = {};		
                jquery("#transferlist").jqgrid('setgridparam', {}).cleargriddata();//清空数据
    			 $.post(g_baseurl + '/sx/*****/***list',{ checkitems:$("#checkitems").val(),showinfo:$("#showinfo").val()}, function(data) {
    					 for(var i=0;i

接下来看看数据表格的展示设置

var validationlistgird = $("#transferlist").jqgrid({
        	 caption :'

'+ '

', datatype: "local", mtype: 'post', height: '100%', width:'100%', colnames:['id','地区','仓库名称'], prmnames: {page:"pageno",rows:"pagesize", sort: "orderby",order: "order", search:"search", nd:"nd"}, colmodel:[ {name:'id',index:'id', width:100, key: true, hidden: true}, {name:'address',index:'address', width:130, align:"center" }, {name:'repository',index:'repository', width:120, align:"center" } ], sortorder: "desc", rownumbers:true, viewrecords: true, scroll :false, pager:$('#transferpaper') });

注意到这里的设置值 datatype:“local”,一般为:“json”, 我们现在这里加载本地数据,设置此值。

当用到 $.post()的请求时,就可以获得从url获得 返回回来的数据data,自定义变量名接受data的数据(java后台写的对象数据接收),接下来的数据表格列名与其相同即可。

初来乍到,不足之处,望大牛指正,发文也是一个积累,记录的过程,此为初心,共同前行!

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网