Extjs3.0 checkboxGroup 動態(tài)添加item實(shí)現(xiàn)思路
更新時(shí)間：2013年08月14日 15:16:07 作者：
Extjs3.0中的CheckboxGroup默認(rèn)不能動態(tài)添加item,如需要數(shù)據(jù)動態(tài)創(chuàng)建，試著創(chuàng)建整個(gè)CheckboxGroup，而不是動態(tài)添加item，具體實(shí)現(xiàn)如下，感興趣的朋友可以了解下
Extjs3.0 中的CheckboxGroup默認(rèn)不能動態(tài)添加item。雖然它繼承了Ext.form.Field，但是卻類似于容器。
CheckboxGroup配置中的items處理生成一個(gè)對應(yīng)的panel，該處理過程只有一次，所以很難對CheckboxGroup進(jìn)行動態(tài)添加。
如需要數(shù)據(jù)動態(tài)創(chuàng)建，試著創(chuàng)建整個(gè)CheckboxGroup，而不是動態(tài)添加item。
var unitColumns=[];
for(var i = 0;i < records.length;i++){
unitColumns.push({
boxLabel: records[i].data.A11,
name: records[i].data.A11,
inputValue: records[i].data.A1,
checked: false
});
}
var itemsGroup = new Ext.form.CheckboxGroup({
id:'unitItems',
bodyStyle:'background-color: transparent;margin-top:10px;',
fieldLabel: '選項(xiàng)',
columns: 2,
items: unitColumns
});
Ext.getCmp('OptionsSet').add(itemsGroup);
Ext.getCmp('OptionsSet').doLayout();
CheckboxGroup配置中的items處理生成一個(gè)對應(yīng)的panel，該處理過程只有一次，所以很難對CheckboxGroup進(jìn)行動態(tài)添加。
如需要數(shù)據(jù)動態(tài)創(chuàng)建，試著創(chuàng)建整個(gè)CheckboxGroup，而不是動態(tài)添加item。
復(fù)制代碼 代碼如下:
var unitColumns=[];
for(var i = 0;i < records.length;i++){
unitColumns.push({
boxLabel: records[i].data.A11,
name: records[i].data.A11,
inputValue: records[i].data.A1,
checked: false
});
}
var itemsGroup = new Ext.form.CheckboxGroup({
id:'unitItems',
bodyStyle:'background-color: transparent;margin-top:10px;',
fieldLabel: '選項(xiàng)',
columns: 2,
items: unitColumns
});
Ext.getCmp('OptionsSet').add(itemsGroup);
Ext.getCmp('OptionsSet').doLayout();
相關(guān)文章
知道每個(gè)panel都有一個(gè)tbar(top bar 上面工具欄) ,bbar(bottom bar 底部工具欄)下面為大家介紹下extjs的兩個(gè)tbar問題，感興趣的朋友可以參考下2013-08-08
Extjs動態(tài)加載樹的實(shí)現(xiàn)代碼，需要的朋友可以參考下。2010-04-04
JavaScript的Ext JS框架中的GridPanel組件使用指南
GridPanel和TreePnal功能類似,都是Ext JS中的表格便攜利器,相比之下GridPanel還要更強(qiáng)大并且更復(fù)雜一些,下面我們就來整理一下JavaScript的Ext JS框架中的GridPanel組件使用指南2016-05-05
Extjs 繼承Ext.data.Store不起作用原因分析及解決
有關(guān)Extjs 繼承Ext.data.Store 不起作用的原因有很多種，接下來與大家分享下，本人遇到的，這個(gè)Store寫出來之后 是不會起到作用的，感興趣的朋友可以看下詳細(xì)的原因及解決方法2013-04-04
ExtJS accordion布局使用說明，需要的朋友可以參考下。2009-10-10![ExtJS[Desktop]實(shí)現(xiàn)圖標(biāo)換行示例代碼](http://img.jbzj.com/images/xgimg/bcimg5.png)
ExtJS[Desktop]實(shí)現(xiàn)圖標(biāo)換行示例代碼
ExtJS中的desktop的demo中，默認(rèn)的圖標(biāo)排列是不換行的，以下代碼就是為了解決這一問題的，需要的朋友可以了解下2013-11-11
ExtJS4利根據(jù)登錄后不同的角色分配不同的樹形菜單
這篇文章主要介紹了ExtJS4利根據(jù)登錄后不同的角色分配不同的樹形菜單,需要的朋友可以參考下2014-05-05
extJs 文本框后面加上說明文字+下拉列表選中值后觸發(fā)事件
在用extjs做參數(shù)設(shè)置的時(shí)候，想在文本框后加入說明子，在網(wǎng)站上走了一大圈還是沒能找到合適的，小花用了一個(gè)下午的上班時(shí)間終于將這個(gè)頁面與我想要的功能做出，頁面很好看與自然，希望網(wǎng)友在用extjs做項(xiàng)目的時(shí)候用的著.2009-11-11
最近在學(xué)習(xí)使用ExtJS進(jìn)行富客戶端開發(fā)。使用ExtJS 2.2.1的grid控件時(shí)，發(fā)現(xiàn)在ie6中運(yùn)行存在一個(gè)問題2009-05-05
Extjs中的GridPanel隱藏列會顯示在menuDisabled中解決方法
在Extjs中的GridPanel會有這樣的情況，隱藏列會顯示在menuDisabled中,但是這個(gè)一般沒有什么用處，只是用于后臺取值的作用,感興趣的朋友可以了解下啊，希望本文對你有所幫助2013-01-01