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(); //重新调整版面布局  
        }
      });

}


阅读更多
个人分类: Web前端 EXTJS4
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

EXTJS 动态添加Checkbox

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭