EXTJS中动态添加checkbox

高手帮帮忙: EXTJS怎样实现动态添加 Checkbox,譬如从后台读出多少个省份,在前台就显示多少个 Checkbox,最好能放到 CheckboxGroup中

  • 穿拖鞋的蚂蚁 - 1年前

    下面的代码是我在 filedset 里面动态的从后台 url 中读取出权限，生成 checkbox 并填充到 filedset 中

    // 动态在 fieldset 中添加 checkbox（用户权限）
        function addUserModule(){
            var size = storeUserRole.getTotalCount();
            
            // 获得 fieldset
            var fieldset = Ext.getCmp("userRoleFieldset");

            for(var i=0;i<size;i++){
                var moduleId = storeUserRole.getAt(i).data.moduleId;
                var moduleName = storeUserRole.getAt(i).data.moduleName;
                
                var checkboxModule = new Ext.form.Checkbox({    
                    id:"addboxModule"+i,                
                    name:"userModule",
                    boxLabel : moduleName,  
                                    labelSeparator:"",  // 当没有标题时，不要 “:” 号，不要标题分隔                    
                                               inputValue : moduleId
                }); 
                
                if(moduleName == "用户管理"){
                    // 因为只有管理员才有“用户管理的权限”，所以一般封掉“用户管理”权限的选项
                    roleBoxIndex1 = i;
                    Ext.getCmp("addboxModule"+i).setDisabled(true);
                }
                
                fieldset.add(checkboxModule); // 这里我是一个 fieldset ，你也可以是一个 form. 或者别的东西。
            }                        
        } 
    var storeUserRole=new Ext.data.JsonStore({
                autoLoad : true,
                 url: "<%=path%>/userManage.do?action=findAllModule",
                  fields: [  'moduleId','moduleName']
          });