easyui框架中动态改变表头

//表格

function FYMXTableDG(columns){
$("#FYMXTableId").datagrid({
title: '',
remoteSort: true,
showFooter: true,
singleSelect: true,
rownumbers:true,
heigth:140,
showFooter:true,
border: true,
fitColumns: true,
columns:[
columns
]
});
}

传递过来的data格式为json字符串，传过来的key直接为汉字，显示为表头

{ “total”: 3,”page”: 1 , “rows”: [{“扣款ID”:2,”扣款名称”:”检测费(合同扣款记费用)”,”合计”:0.0,”货扣或现金”:”货扣”},{“扣款ID”:158,”扣款名称”:”银行收费比例”,”合计”:0.0,”货扣或现金”:”货扣”},{“扣款ID”:159,”扣款名称”:”综合服务费”,”合计”:0.0,”货扣或现金”:”货扣”}]}

解析之后的obj2格式为

Object {扣款ID: 2, 扣款名称: “检测费(合同扣款记费用)”, 合计: 0, 货扣或现金: “货扣”}

var columns = new Array();
if(JSON.parse(data) && JSON.parse(data).rows.length > 0){
var row = JSON.parse(data).rows[0];
var obj2 = eval(row);
for(var key in obj2){//设立表头，
var column ={
field:key,//field为传过来的json格式的key
title:key,//title为表格显示的表头
};//"Key是:" + key，，对应的值是:" + obj2[key]
columns.push(column);
}
//设立表头
FYMXTableDG(columns);
//加载数据
$("#FYMXTableId").datagrid('loadData',JSON.parse(data).rows);
}

本文为博主原创文章，转载请附上原文链接！