title: Dynamically add xtype items to the panel with slidenavigatoin
body: <p>So I'm trying to put items dynamically to the panel that has <code>slidenavigation</code> feature:</p>
  
  <pre>
  // FlyoutNavigation.js 
  Ext.define("APN.view.FlyoutNavigation", {
      id: "flyoutNavigationPanel",
      extend: 'Ext.ux.slidenavigation.View',
  </pre>
  
  <p>Here is the initialisation of the <code>view</code> in another view:</p>
  
  <pre>
          // MainViewContainer.js 
          this.home = "Some var"
          this.flyout = Ext.create('APN.view.FlyoutNavigation', {
              id: 'flyoutNavigationPanel',
              home: this.home
          });
  </pre>
  
  <p>Than I'm trying to use this variable in the <code>this.config.items</code> section, however that doesn't work, it seems that Sencha compiles everything first and than initialiases the components, I might be wrong, I'm really new to Sencha Framework.</p>
  
  <p>So here is the view where the <code>home</code> variable is used:</p>
  
  <pre>
  Ext.define("APN.view.FlyoutNavigation", {
      id: "flyoutNavigationPanel",
      extend: 'Ext.ux.slidenavigation.View',
      xtype: 'flyoutnavigation',
      requires: [
  ... heaps of things omitted ...
      ],
      initialize: function () {
          this.callParent();  
          this.setupDynamicItems();
      },
      config: {
          items: [
              {
                  itemId: 'nav_home',
                  id: 'homeView',
                  items: [{
                          xtype: 'articlelist',
                          id: 'latestNews',
                          feedUrlName: this.home, // - that's the place where UNDEFINED occurs
                          flex: 1
                      }
                  ],
              },
  </pre>
  
  <p>So <code>this.home</code> is undefined...</p>
  
  <p><strong>One possible solution</strong>
  Comming from this question: <a href="https://stackoverflow.com/questions/16622319/how-to-dynamically-create-xtype-templates-in-sencha-touch">How to dynamically create xtype templates in Sencha Touch</a></p>
  
  <p>I decided to put all the code in <code>this.config.items.add({ ... my items ... })</code> however <code>Ext.ux.slidenavigation.View</code> looks like gave me the BUG! :( as the initialise method occurs after the binding methods on items of <code>FlyoutNavigation</code> view.</p>
  
  <p>Here is the message from of the bug: <code>Uncaught TypeError: Cannot read property 'raw' of undefined View.js:310</code> which is basically this line: <code>if (Ext.isFunction(item.raw.handler)) {</code></p>
  
  <p>So my questions would be</p>
  
  <ol>
  <li>How to get the instance variable in the config.items section? If that's possible, than all is OK</li>
  <li>Or do you know the work around of this issue?</li>
  </ol>
  
  <p>Thanks</p>