关闭

EXTJS 动态添加Checkbox

188人阅读 评论(0) 收藏 举报
分类:

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

}


1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:2103次
    • 积分:73
    • 等级:
    • 排名:千里之外
    • 原创:5篇
    • 转载:0篇
    • 译文:0篇
    • 评论:1条
    文章分类
    文章存档
    最新评论