title: Dynamically checkboxes, radio, checkboxgroups, radiogroups extjs
body: <p>Hi Dear stackoverflow guys!</p>
  
  <p>I searched about this issue in stackowerflow but none of them is helpfull for me </p>
  
  <pre><code>my model is like that:
  Ext.define('soru', {
          extend : 'Ext.data.Model',
          fields : [{
                  name : 'CEVAP',
                  type : 'string'
                  },
                  {
                  name : 'VALUE',
                  type : 'int'
                  },
                  {
                  name : 'RECNO',
                  type : 'int'
                  }
          ]
      });
  </code></pre>
  
  <p>And my store is like :</p>
  
  <pre><code>checkboxArray = [];  
  var myStoresoru = Ext.create('Ext.data.Store', {
          model : 'soru',
          id:'sorustore',
          proxy : {
              type : 'ajax',
              url : 'fetchsoru.php',
              reader : {
                  type : 'json',
                  root : 'data'
              }
          },
          listeners: {                                                                                                                          
                  load: function(value, records, options) {                                                                                               
                      for(var i = 0; i &lt; records.length; i++) { 
                             console.log(records);  
                             console.log(records.length);                                                                                
                        checkboxArray.push(new Ext.form.Checkbox(
                                      { 
                                          boxLabel: value.data.items[i].data.CEVAP,
                                          name: value.data.keys[i],
                                          xtype: 'checkbox',
                                          inputValue: value.data.items[i].data.VALUE,
                                          id: value.data.items[i].data.RECNO
                                      }));
                        //{id: records[i].data.id, boxLabel: records[i].data.pagetitle});                                              
                      }                                                                                                                               
                  }  
              }, 
  
          autoLoad : false
      });                                                                                                                                   
  myStoresoru.load();  
  </code></pre>
  
  <p>my checkboxgroup is like:</p>
  
  <pre><code>var check= new Ext.form.CheckboxGroup({  
                  xtype: 'checkboxgroup',//combo çoklu seçim olmalı
                  fieldLabel: 'İklimsa’yı tercih nedeniniz? ',
                  //store: myStoresoru,
                  labelWidth:300,
                  //columns:2,
                  name : 'tercih',
                  id : 'tercih',
                  itemId: 'tercih',
                  hiddenName: 'tercih',
                  items:[checkboxArray]   
  </code></pre>
  
  <p>});   </p>
  
  <p>and form :</p>
  
  <pre><code>form = Ext.create('Ext.form.Panel', { items : [check]
      });
  </code></pre>
  
  <p>Well my question is that  checkboxes is not load to checkboxgroup in. when i type checckboxArray on console i can see that checckboxArray exist but i dont know why checckboxes is not shown</p>