extjs 动态生成复选框

根据后台返回的json数据，动态生成复选框。

1、首先定义了存放复选框的fieldset

ElementCheckBox=Ext.extend(Ext.form.FieldSet,{

id:'_fieldset',

constructor:function(){

ElementCheckBox.superclass.constructor.call(this,{

layout:'column',

xtype:'checkboxgroup',

title:'统计元素'

});

}

});

2、动态生成checkbox，添加到fieldset

function generateCheckbox(){

//采用同步请求方式

var conn = Ext.lib.Ajax.getConnectionObject().conn;

conn.open("GET", 'findAllTjzdbm.do',false);

conn.send(null);

var result=Ext.util.JSON.decode(conn.responseText);

           //或者Ext.decode (conn.responseText);

for(int i=0;i<result.length;i++){

          var _checkbox=new  Ext.form.Checkbox({   

                    id:"addboxModule"+i,               

                    name:"userModule",

                    boxLabel : result[i].tjzdmc,                  

                      inputValue : result[i].tjzdbm

          });

          if(result[i].tjzdbm=='OD_RANGE'){//OD范围必选

            _checkbox.checked=true;

          }

          Ext.getCmp('_fieldset').add(_checkbox);

  }

}

3、调用generateCheckbox（）方法

说明：

1、缺点是生成的每个checkbox都是紧挨着排列的，想要中间能有间隔的排列，目前没有  找到方法，若哪位大侠知道，还望指点

2、采用同步请求需导入js文件

作者：zuyali