Ext.onReady(function(){ var textFomr = Ext.create("Ext.form.Panel",{ title : "form中文本框选框的实例", bodyStyle :'padding:5 5 5 5', frame : true, height : 250, width : 400, id:'my_form', renderTo:'formDemo', defaults:{ labelSeparator :": ", labelWidth : 50, width : 200, allowBlank: false, msgTarget : 'side', labelAlign:'left' }, items:[{ xtype:'radiogroup',//单选分组 fieldLabel:'性别', columns:2, items:[{ xtype:'radiofield', boxLabel :'男', inputValue:'m', checked:true, name:'sex' },{ xtype:'radiofield', boxLabel :'女', inputValue:'w', name:'sex' }] },{ xtype:'checkboxgroup',//多选分组 fieldLabel:'爱好', width:335, columns:4, //几列 items:[{ xtype:'checkboxfield', inputValue:'1', name:'hobby', boxLabel:'唱歌' },{ xtype:'checkboxfield', inputValue:'2', name:'hobby', boxLabel:'看书' },{ xtype:'checkboxfield', inputValue:'3', name:'hobby', checked:true, boxLabel:'
',handler:function(b){ var formObj = Ext.getCmp("my_form"); var basic = formObj.getForm(); console.log(basic.getValues()); }}] })})
