茄子在线看片免费人成视频,午夜福利精品a在线观看,国产高清自产拍在线观看,久久综合久久狠狠综合

由于某種原因，需要做一個(gè)控制grid列顯示地checkboxgroup，雖然extjs4中地gridpanel自帶列表可以來(lái)控制列地顯示隱藏，但是有這樣地需求（需要一目了然）

下面先上圖

接著前幾天做地工作，今天上午完成了定制字段，思路是在上面地普通查詢(xún)或者高級(jí)查詢(xún)結(jié)束以后，獲的了列地fields，columns等信息，然后交給一個(gè)處理函數(shù) makecustommadepanel，該函數(shù)用來(lái)生成checkboxgroup，生成地時(shí)候給它加上一個(gè)事件，原本以為checkbox會(huì)有類(lèi)似于check地事件，結(jié)果api看了看貌似只有個(gè)change事件可以用，md..

下面貼下自己寫(xiě)地 makecustommadepanel函數(shù)..用來(lái)根據(jù)grid地列自動(dòng)生成checkboxgroup（整個(gè)grid地標(biāo)頭內(nèi)容等信息均從后臺(tái)的到，不管后臺(tái)發(fā)來(lái)一個(gè)什么表，都能生成一個(gè)checkboxgroup來(lái)控制列地隱藏顯示）

參數(shù)分別是gridpanel在reconfigure地時(shí)候用到地fields和columns,期中地var t=grid_a.columnmanager.headerct.items.get(th.itemid);是關(guān)鍵..這句用來(lái)獲的grid_a地列信息..貌似在api中查不到.網(wǎng)上找了幾中方法都不適合.又不想給每個(gè)列一個(gè)id.這是在stackoverflow.com/上找到地..http://stackoverflow.com/questions/20791685/extjs-4-how-do-i-hide-show-grid-columns-on-the-fly

代碼如下:

function makecustommadepanel(fields,cl)

{

var x=cusmadepanel.getcomponent('custom');

//console.log(cusmadepanel.getcomponent('custom'));

for(var i=0;i<fields.length;i++)

{

x.add(

{

xtype : 'checkboxfield',

boxlabel : cl[i].header,

inputvalue : fields[i].name,

checked:true,

itemid:i,

name : 'custom',

listeners : {

change : function(th, value, oldvalue,eop) {

var t=grid_a.columnmanager.headerct.items.get(th.itemid);

if(t.isvisible()){

t.setvisible(false);

}

else{

t.setvisible(true);

}

//grid_a.columns[3].setvisible(false);

}}

}

);

}

}

在給出custommadepanel

代碼如下:

ext.define('custommadepanel', {

extend : 'ext.form.panel',

title : '定制字段',

collapsible : true,

items : [ {

itemid:'custom',

xtype : 'checkboxgroup',

fieldlabel : '選擇字段',

columns : 6,

items : []

}]

//collapsed:true,

});

var cusmadepanel=new custommadepanel();

我這種做法地不足也很明顯，makecustommadepanel函數(shù)中地循環(huán)生成checkbox組件太耗時(shí)了，38個(gè)組件足足花了好幾秒..用戶(hù)體驗(yàn)肯定不好..

并且目前是在每次查詢(xún)完之后都根據(jù)查詢(xún)地結(jié)果生成一遍...我再想想好地解決辦法

今天對(duì)makecustommadepanel做了優(yōu)化，生成組件地速度與先前相比提升非常明顯！

代碼如下:

function makecustommadepanel(fields,cl)

cusmade=1;

var x=cusmadepanel.getcomponent('custom');

//console.log(cusmadepanel.getcomponent('custom'));

var fie=[];

for(var i=0;i<fields.length;i++)

{

//x.add(

var temp=

{

xtype : 'checkboxfield',

boxlabel : cl[i].header,

//inputvalue : fields[i].name,

checked:true,

itemid:i,

name : 'custom',

listeners : {

change : function(th, value, oldvalue,eop) {

var t=grid_a.columnmanager.headerct.items.get(th.itemid);

//console.log(t.isvisible());

//console.log('break');

if(t.isvisible()){

t.setvisible(false);

}

else{

t.setvisible(true);

}

//console.log(t.isvisible());

//var t1=grid_a.columnmanager.headerct.items.get(th.itemid);

//console.log(t1);

//grid_a.columns[3].setvisible(false);

}}

};

//console.log(temp);

fie.push(temp);

}

//console.log(fie);

x.add(fie);

思路就是先循環(huán)組好需要生成地組件對(duì)象，然后一次add，每一次add地開(kāi)銷(xiāo)非常大，變?yōu)橐淮嗡俣日娴靥嵘撕芏嗪芏鄜

更多信息請(qǐng)查看IT技術(shù)專(zhuān)欄