列名與對應的值是動態改變的，也就是說要展示的列名可能隨時改變。
首先選擇了默認的列作為顯示，在tbar中加入一個按鈕彈出所有可能要顯示的列名，選擇后將對應的列名與值顯示在grid中，例如

身份證號碼??????? 男性?????? 青年??? 中年?????? 商人
3424××????????? 是????????? 否????? 是???????? 是
1234××????????? 否?????????? 是????? 否??????? 否

Js代碼

function?createRecordValue(){???//動態生成recordValue ??

????????var?tempValue?=?new?Array(); ??????????var?j?=?0; ??????????tempValue[j]?=?{name:'UserId'}; ??????????for(var?i?=?0?;i?<?amdValue.length;i++){ ??????????????tempValue[++j]?=?{name:?"N"+amdValue[i]};?//列名 ??????????????tempValue[++j]?=?{name:?"V"+amdValue[i]};//列名對應的值 ??????????} ??????????return?tempValue;??????? ??} ?????? ??????function?createColumn(){//動態生成列名，amdValue為要顯示的列的數組 ??????????var?tempColumn?=?new?Array(); ??????????var?j?=?0; ??????????tempColumn[j]?=?{header:'身份證號',dataIndex:'UserId',sortable:true,renderer:getUserInfo}; ??????????for(var?i?=?0;i?<?amdValue.length;i++){ ??????????????tempColumn[++j]?=?{header:"N"+amdValue[i],dataIndex:"V"+amdValue[i],id:"V"+amdValue[i],sortable:true}; ??????????} ??????????return?tempColumn; ??????} ????//動態設置列名 ??var?index?=?cm.getIndexById("V"+amdValue[i]); ??????????????????????????var?str?=?r[0].get("N"+amdValue[i]);//r[]后臺返回的記錄集；amdValue[i]是要顯示的列的關鍵字 ??????????????????????????cm.setColumnHeader(index,str); ????//刷新CM,STORE ??grid.reconfigure(store,?cm);?? function createRecordValue(){ //動態生成recordValuevar tempValue = new Array();var j = 0;tempValue[j] = {name:'UserId'};for(var i = 0 ;i < amdValue.length;i++){tempValue[++j] = {name: "N"+amdValue[i]}; //列名tempValue[++j] = {name: "V"+amdValue[i]};//列名對應的值}return tempValue; }function createColumn(){//動態生成列名，amdValue為要顯示的列的數組var tempColumn = new Array();var j = 0;tempColumn[j] = {header:'身份證號',dataIndex:'UserId',sortable:true,renderer:getUserInfo};for(var i = 0;i < amdValue.length;i++){tempColumn[++j] = {header:"N"+amdValue[i],dataIndex:"V"+amdValue[i],id:"V"+amdValue[i],sortable:true};}return tempColumn;}//動態設置列名 var index = cm.getIndexById("V"+amdValue[i]);var str = r[0].get("N"+amdValue[i]);//r[]后臺返回的記錄集；amdValue[i]是要顯示的列的關鍵字cm.setColumnHeader(index,str);//刷新CM,STORE grid.reconfigure(store, cm);
超強干貨來襲 云風專訪：近40年碼齡，通宵達旦的技術人生

總結

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

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