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);
 }

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