Question

关于jquery easyui的datagrid组件,如何动态加载表头及其数据

希望写一段jquery代码,实现当后台发回不同的数据时,生成列的表头,同时加载出下面的列,后台数据请用json文件模拟
//改变datagrid表头和数据
var changeDatagrid = function(data){
var fieldDataWrap = new Array();
var fieldData = new Array();
var fieldMap = data.field;
//将表格字段格式修改为jqui的格式
for (var k in fieldMap) {
var onefield = new Object();
onefield.field = k;
onefield.title = fieldMap[k];
onefield.width = 100;
fieldData.push(onefield);
}
fieldDataWrap.push(fieldData);
$("#result").datagrid({
columns: fieldDataWrap,
data: data.data
})
}
这是别人已经实现的方法,但是看不懂,不知道对应的数据怎么传进来,什么结构
我想要当点击一个按钮,json文件传到指定的datagrid里,并动态生成列

Answer 1

你看一下easyui的API就知道这里面是什么格式了 比如data在后台看来就是一个map里面有两个数据一个是rows就是你的数据一个是total是总数量是用于分页的 当然不用分页不用传 columns则是对每一列的定义他是一个list套list 里面的list包含着一个个的map每一个map的参数都是定义这个列的属性 比如title列名field是对应数据里面的key还有一些其他的属性等等。 研究下API就明白了。