问题 - 在extjs 4中从数据库（MYSQL）动态填充复选框组

Question

我有一个问题从extjs 4中的数据库（MYSQL）动态填充复选框组。下面是我搜索论坛尝试的代码。请告知需要采取哪些措施来实现这一目标。

（i）我有一个ArrayStore如下：

           var checkboxArray1 = [];
     var arrayStore=   new Ext.data.ArrayStore({
      autoLoad:false,
      proxy: {
             type: 'rest',
             url: 'xxxxxxx',
             reader: {
                 type: 'json',
                 root: 'doThisStore'
             }  
      },
      fields : ['vcName','vcId'],
      listeners: {                                                                           

             load: function(t, records, options) {                                                  

                 for(var i = 0; i < records.length; i++) {  

                   checkboxArray1.push({name: records[i].data.vcId, boxLabel: records[i].data.vcName});  
                   alert(checkboxArray1[i].name);
                   alert(checkboxArray1[i].boxLabel);
                 }                                                                                  
             }                                                                                      
         }      
     });

（ii）我有'fieldset'如下：

{
                        xtype : 'fieldset',
                        title : "Systems",
                        collapsed:false,
                        checkboxToggle: true,
                        anchor : '100%',
                        defaults : {
                            msgTarget : 'side',
                            allowBlank : true
                        },
                        items:{
                           xtype: 'checkboxgroup',
                         fieldLabel: 'dothis',
                         columns: 3,
                         vertical: true,
                         items: checkboxArray1

                    }},

感谢您的帮助。

Answer 1

首先将Id提供给checkboxgroup的项目，然后将该ID用作

Ext.getCmp('Your Id').add(CheckBoxArray1);