1.页面
1.1点击‘横幅’，需要动态显示隐藏文本框
{
xtype: 'fieldset', title: '指定附加图&横幅设置', collapsible: true,
items: [
{
xtype: 'container',
layout: 'hbox',
flex: 1,
items: [{
xtype: 'checkboxgroup',
fieldLabel: '指定附加图',
width: 100, flex: 1,
columns: 1,
vertical: true,
id: 'picType',
items: [
{ boxLabel: '略图', name: 'thumbed', inputValue: 'thumb', checked: true },
{ boxLabel: '图标', name: 'iconed', inputValue: 'icon', },
{
boxLabel: '横幅', name: 'bannered', inputValue: 'banner', listeners: {
change: function (cb, nv, ov) {
if (cb.getValue() == true) {
Ext.getCmp('banner').show();
}
else {
Ext.getCmp('banner').hide();
}
}
}
}
]
}
]
}, {
xtype: 'container',
id: 'banner',
hidden: true,
flex: 1,
layout: 'anchor',
defaultType: 'textfield',
items: [{
fieldLabel: '宽',
afterLabelTextTpl: required,
allowBlank: false,
name: 'BannerWidth',
anchor: '50%'
}, {
fieldLabel: '高',
afterLabelTextTpl: required,
allowBlank: false,
name: 'BannerHeight',
anchor: '50%'
}]
}
]
},2.取值
//----------------获取选中是否true、false 开始-----------------
var thumbed = dataViewPanel_Right.form.findField('thumbed').getValue();//获取选中是否true、false
var iconed = dataViewPanel_Right.form.findField('iconed').getValue();//获取选中是否true、false
var bannered = dataViewPanel_Right.form.findField('bannered').getValue();//获取选中是否true、false
//----------------获取选中是否true、false 结束----------------- //----------------获取选中的checkbox值 开始-----------------
var chkLableValue = Ext.getCmp('picType').getChecked();
var lblValue = [];
Ext.Array.each(chkLableValue, function (item) {
lblValue.push(item.inputValue);
});
//----------------获取选中的checkbox值 结束-----------------
alert(lblValue);