Extjs菜鸟入门问题求解

[SteveGua]

目标如图：

但是只能做到：

单选多选上面的复选框是怎么设置出来的呢！！

  <script type="text/javascript">
    Ext.onReady(function(){
    	var config={
    		title:'附加实验',
    		labelSeparator:':',
    		labelWidth:60,
    		labelAlign:'right',
    		bodyStyle:'padding:5 5 5 5',
    		frame:true,
    		height:300,
    		width:300,
    		renderTo:'form',
    		defaultType:'checkbox', 

    			
	    		items:[{
	    			defaultType:'checkbox',
	    			title:'多选',
	    			checked:true,
	    			xtype:'fieldset',
	    			autoHeight:true,

	    			items:[
	    			{boxLabel:'多选一',inputValue:'11',checked:true},
	    			{boxLabel:'多选二',inputValue:'12'},
	    			{boxLabel:'多选三',inputValue:'13'},
	    			]
	    		},{
			  		defaultType:'radio',
	    			title:'单选',
	    			xtype:'fieldset',
	    			autoHeight:true,
	    			items:[
	    			{boxLabel:'单选一',inputValue:'21',checked:true,},
	    			{boxLabel:'单选二',inputValue:'22'},
	    			{boxLabel:'单选三',inputValue:'23'},
	    			]
	    		}]

    	}
    	var form=new Ext.form.FormPanel(config);
    });

	</script>

[xuchaodhcc]

把第一个defaultType:'checkbox', 去掉试试

[qilinno]

给"title:'附加实验',"加上checkboxToggle:true, ?

[zl_dsj]

defaultType:'checkbox', -----应该是'checkboxgroup'吧

[SteveGua]

应该是在单选多选项下加

checkboxToggle:true,