ExtJS 양식의 확인란

1.확인란의 값은 직접 지정됩니다.

    Ext.onReady(function(){  
                var myCheckboxGroup = new Ext.form.CheckboxGroup({   
                    id:'myGroup',   
                    xtype: 'checkboxgroup',   
                    renderTo :'form-cb',  
                    fieldLabel: 'Single Column',   
                    itemCls: 'x-check-group-alt',   
                    columns: 3,   
                    items: [   
                        {boxLabel: ' ', name: '1'},   
                        {boxLabel: ' ', name: '2', checked: true},   
                        {boxLabel: ' ', name: '3'},  
                        {boxLabel: ' ', name: '4'},  
                        {boxLabel: ' ', name: '5'},  
                        {boxLabel: ' ', name: '6'}   
                    ]   
                });   
                  
                //CheckboxGroup   
                for (var i = 0; i < myCheckboxGroup.items.length; i++)  
                {  
                    if (myCheckboxGroup.items.itemAt(i).checked)  
                    {  
                        alert(myCheckboxGroup.items.itemAt(i).name);                  
                    }  
                }  
            });

//  
	var myCheckboxGroup = new Ext.form.CheckboxGroup({
		xtype: 'checkboxgroup',
		name: 'model_type',
		width: 80,  // 220
		columns: 1,  // 3 
		fieldLabel: ' cb',
		items: [
			{boxLabel: ' ', name: 'store'},
			{boxLabel: ' ', name: 'average'},
			{boxLabel: ' ', name: 'other'}
		]
	});
	
	// 2， 
	var ids = [];
	var cbitems = myCheckboxGroup.items;  
	for (var i = 0; i < cbitems.length; i++) {  
		if (cbitems.itemAt(i).checked) {  
			ids.push(cbitems.itemAt(i).name);  
		}  
	}

  2.확인란의 값을 동적으로 지정할 수도 있습니다.

DoctorWorkStation_CommonDoctorAdvice.CreateYZCheckBoxWin = function(store, colnum,title) {  
    var count = store.getCount();  
    var myCheckboxItems = [];  
    for (var i = 0; i < count; i++) {  
        var boxLabel = store.getAt(i).get("name");  
        var name = store.getAt(i).get("id");  
        myCheckboxItems.push({  
                    boxLabel : boxLabel,  
                    name : name  
                });  
    }  
    var myCheckboxGroup = new Ext.form.CheckboxGroup({  
                xtype : 'checkboxgroup',  
                itemCls : 'x-check-group-alt',  
                columns : colnum,  
                items : myCheckboxItems  
            });  
    var form = new Ext.FormPanel({  
                border : true,  
                frame : true,  
                labelAlign : "right",  
                buttonAlign : 'right',  
                layout : 'column',  
                width : 500,  
                items : [myCheckboxGroup],  
                buttons : [{  
                    xtype : 'button',  
                    text : ' ',  
                    handler : function() {  
                        var ids = [];  
                        var cbitems = myCheckboxGroup.items;  
                        for (var i = 0; i < cbitems.length; i++) {  
                            if (cbitems.itemAt(i).checked) {  
                                ids.push(cbitems.itemAt(i).name);  
                            }  
                        }  
                        win.destroy();  
                        if (ids.length) {  
                            Ext.Msg.alert(" ", " id :" 
                                            + ids.toString());  
                        }  
                    }  
 
                }, {  
                    xtype : 'button',  
                    text : ' ',  
                    handler : function() {  
                        win.destroy();  
                    }  
 
                }]  
 
            });  
    var win = new Ext.Window({  
                modal : true,  
                layout : 'fit',  
                title : title,  
                width : 500,  
                height : 300,  
                plain : true,  
                items : [form]  
            });  
    win.show();  

}