ExtJS 동적 로드 확인란

Ext.onReady(function(){
	/**
	 *  : 
	 * @param {Object} r
	 */
	Ext.Ajax.request({
		url:basePath+'datamanager/equipmentreport/getCheckBox.hs',
		success:function(r){
			var unitColumns=[];
			//json json 
			var jsonobj=eval('('+r.responseText+')');
			// 
			unitColumns.push({
				boxLabel:' ',
				name:'all',
				inputValue:'all',
				checked:false
			})
			// 
			for(var i=0;i<jsonobj.length;i++){
				unitColumns.push({
					boxLabel:jsonobj[i].boxLabel,
					name:jsonobj[i].name,
					inputValue:jsonobj[i].inputValue,
					checked:jsonobj[i].checked
				});
			}
			var checkboxgroup1=new Ext.form.CheckboxGroup({
				id:'checkbox1',
				fieldLabel:' ',
				anchor:'100%',
				hideLabel:false,
				columns:8,
				items:unitColumns
			});
			mainPanel.add(0,checkboxgroup1);
			mainPanel.doLayout();
		}
	});
	
	var panel1=new Ext.form.FormPanel({
		renderTo: 'main',
		labelAlign : 'left',
		labelWidth : 60,
		layout : 'form',
		border : false,
		width : document.body.clientWidth,
		items:[]
	});
});

주:eval() 함수 작용은 json 문자열을 json 대상으로 바꾸는 것이다.
mainPanel을 호출합니다.add () 메서드 후 doLayout ()

좋은 웹페이지 즐겨찾기