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()