EXTJS 4.2 资料 控件之checkboxgroup的用法(静态数据)
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);
我的小鱼你醒了,
还认识早晨吗?
昨夜你曾经说,
愿夜幕永不开启。
初吻吻别的那个季节,
不是已经哭过了吗?
你的香腮边轻轻滑落的,
是你的泪,还是我的泪。
我的指尖还记忆著,
你慌乱的心跳。
温润的体香里,
那一缕长髮飘飘。
——青青树 《魁拔》
交流群:ASP.NET交流群(2群) 58189568
ExtJs4.2交流群(3群)97869295
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步