//表格

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格式的keytitle:key,//title為表格顯示的表頭};//"Key是:" + key，，對應的值是:" + obj2[key]columns.push(column);}//設立表頭FYMXTableDG(columns);//加載數據 $("#FYMXTableId").datagrid('loadData',JSON.parse(data).rows);}

本文為博主原創文章，轉載請附上原文鏈接！

總結

以上是生活随笔為你收集整理的easyui框架中动态改变表头的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。