title: Dynamic columns in extjs Portal Example
body: <p>Dynamic columns in extjs Portal Example.</p>
  
  <p>I want to insert columns dynamically in extjs portal example -- specifically i would like to nest them, the problem is i am able to add the columns dynamically but cant drop a portlet inside it, however if i nest columns manually (i.e if they are there already and not defined on runtime) then everything works fine i.e i am able to drop the portlets inside it.</p>
  
  <p>Can anyone help?</p>
  
  <p>here is the some relevant code: </p>
  
  <p>basic declaration:</p>
  
  <pre><code>Ext.define('Ext.app.Portal', {
  id: 'parentPortal',
      extend: 'Ext.container.Viewport',
      requires: ['Ext.app.PortalPanel', 'Ext.app.PortalColumn', 'Ext.app.GridPortlet', 'Ext.app.ChartPortlet'],
  initComponent: function(){
      items: [{                        
                          xtype: 'portalpanel',
                          id:'threecolumn',
                          region: 'center',                        
                          items: [{
                              id: 'col-1',
                              width: 200,
                              childAnchor: '50% 50%' ,
                              items: [
                                  {
                                      xtype: 'portalpanel',
                                      items: [
                                          {
                                              id: 'col-4',
                                              minHeight:200
                                          }
  
                                      ],                                    
                                  }
                              ]
                          },{
                              id: 'col-2',
                              items: [
                                  {
                                      xtype: 'portalpanel',
                                      items: [
                                          {
                                              id: 'col-5',
                                              minHeight:200
                                          }
  
                                      ],                                    
                                  }
                              ]
                          },{
                              id: 'col-3'
                          }]
                      }]
  }
  }
  </code></pre>
  
  <p>dynamic column:</p>
  
  <pre><code>Ext.create('Ext.app.PortalPanel', {            
                xtype: 'portalpanel',              
          });
  }
  </code></pre>