title: How to access Parents width in Extjs?
body: <p>Below is the code, i want that the components inside the item can access the main container's width. If i am setting it to 100% its taking the full width hiding the component below it. If i am setting it to this.width its not taking the parent's container's width. I understand that this refers to the same child component but i want to know how to access the parents height.</p>
  
  <pre><code>Ext.define('view.containers.Header',{
  extend: 'Ext.container.Container',
  layout: {
      type: 'hbox',
      align: 'middle'
  },
  alias: 'widget.header',
  
  documentName: "My Document",
  
  width: '100%',
  height: 25,
  cls: 'header',
  
  items:[
      {
          xtype: 'container',
          layout: 'hbox',
          width: 170
      },{
          xtype: 'container',
          layout: {
              type: 'vbox',
              align: 'center'
          },
          width: '100%',//Setting its width 100% is hiding the component below this and setting it to this.width is not giving me the parents width
          items:[
              {
                  xtype: 'label',
                  text: this.documentName, // It is not giving me the value of the documentName property of its parent. How to access that?
                  cls: 'headerLabel'
              }
          ]
      },{
          xtype: 'container',
          layout: "hbox",
          width: 170,
          items:[{
              xtype: "button",
              text: "Help"
          }]
  
      }
  ]
  });
  </code></pre>