title: Extjs view rendering issue,Uncaught TypeError: Cannot read property 'tooNarrow' of undefined
body: <p>Hello I have thr following view and they worked well with Extjs 4.1 library but know I use 5.1 version and when I am trying use it, it is not rendering pproperly on doLayout() and show Uncaught TypeError: Cannot read property 'tooNarrow' of undefined. I am newbie in Extjs maybe in 5.1 library has different options that I dont know?Please help<br>
  Fist I am trying to load PersonPanelView:</p>
  
  <p>PersonPanelView:</p>
  
  <pre><code>Ext.define('Pandora.view.Person.PersonPanelView', {
      extend: 'Ext.panel.Panel',
      alias: 'widget.PersonPanel',
      layout: 'hbox',
  
      items:[
          {
              flex:1.8,
              xtype:'PersonList',
              height:'100%',
              title:'List of persons'
          },
          {
              flex:3,
              height:'100%',
              xtype:'panel',
              id:'personProfileId',
              autoScroll:true,
              title:'Person profile',
              //frame:true,
              bodyStyle:{background: '#99bce8'}
          }
  
      ]
  });
  </code></pre>
  
  <p>PersonList:</p>
  
  <pre><code>Ext.define('Pandora.view.Person.PersonListView', {
      extend: 'Ext.grid.Panel',
      alias: 'widget.PersonList',
      layout: 'border',
      title: 'Person',
      store: 'Person.PersonStore',
      autoScroll:true,
      dockedItems:[
          {
              tbar:[
                  { xtype:'button', text:'Add Person',name:'addPerson'        },'-',
                  { xtype:'button', text:'Edit Person',name:'editPerson'      },'-',
                  { xtype:'button', text:'Remove Person',name:'removePerson'  },'-',
                  { xtype:'button', text:'Add Conference',name:'addConference'},'-',
                  { xtype:'button', text:'Add Event',name:'addEvent'}
              ]
          }
      ],
      columns: [
          { text: 'Login',  dataIndex: 'login' , flex:1,align:'center'},//
          { text: 'Name', dataIndex: 'name', flex:1,align:'center'},
          { text: 'Surname', dataIndex: 'surname', flex:1,align:'center'},
      ]
  });
  </code></pre>
  
  <p>PersonStore:</p>
  
  <pre><code>Ext.define('Pandora.store.Person.PersonStore', {
      extend: 'Ext.data.Store',
      model: 'Pandora.model.Person.PersonModel',
      autoLoad:true,
      proxy: {
          type: 'ajax',
          url: 'do/person/getAllPersons'
      }
  });
  </code></pre>
  
  <p>PersonModel:</p>
  
  <pre><code>Ext.define('Pandora.model.Person.PersonModel', {
      extend: 'Ext.data.Model',
      fields: [
          'id',
          'login',
          'password',
          'email',
          'name',
          'avatar',
          'surname',
          'relationship',
          'phoneNumber',
          'gender',
          'country',
          'city',
          'school',
          'university',
          'persons',        
          'conferences',        
          'images',        
          'requests',        
          'followers',        
          {name:'posts',type:'auto'},
          'dateOfBirth'
      ]
  });
  </code></pre>