EXTJS 动态添加Checkbox

function test（）{   

loadCheckbox()；

var ShowConfigFormPanel = Ext.create('Ext.form.Panel', {
                bodyPadding : 5,
                bodyCls : 'formBackground',// 背景色CSS
                width : 300,
                height : 400,
                items : [ListFormItem]
            });   

var ListFormItem = {

            xtype : 'fieldset',
            collapsible : true,// 显示切换展开收缩状态的切换按钮
            layout : {
                type : 'table',
                columns : 2
            },
            items : [{
                     xtype: 'checkboxgroup',
                    id: 'lblName',
                    name: 'checkName',
                    columns: 6,
                    border: true,
                    anchor: '100%'
            }]

        };

}

function loadCheckbox(){
    Ext.Ajax.request({
        url: 'FindList.action',
        success: function (response) {
        //将小站名作为复选框
          var obj = eval("(" + response.responseText + ")");
          var len = obj.relist.length;//注意自己在后台返回的JSON对象，我的是relist，在FireBug打印出response
          if (obj.relist == null || len == 0) {
            return;
          }

          var checkboxgroup = Ext.getCmp("checkName");
          for (var i = 0; i < len; i++) {
            var checkbox = new Ext.form.Checkbox(
              { boxLabel: obj.relist[i].Name,//以名字作为复选框的Label
                name: i
              });
            checkboxgroup.items.add(checkbox);
          }
          SpeedListShowConfigFormPanel.doLayout(); //重新调整版面布局  
        }
      });

}