title: extjs 100% width on panel when resize
body: <p>I have one div in a page which has 50% width. I attached the panel to this div with renderTo, however when I change the window size my panel doesn't get resize and just keep the original size. </p>
  
  <pre><code>var vp = Ext.create('Ext.panel.Panel',{                      
                       plugins : ['fittoparent'],                      
                       height: 400,
                       layout: 'fit',
                       flex:1,
                       renderTo: Ext.get("scheduler-container"),                               
                       items:[
                           { 
                               xtype: 'resource-list',
                               layout : 'fit',                                
                               resource: resourceResponse,
                               event: eventResponse,
                               serverDateFormat: serverDateFormat,
                               startViewRange:  startDate,               
                               endViewRange: endDate,
                               readOnlyView: true,
                               showCurrentTime: true,
                               dateToScrollTo: now,
                               getEvents: ResourceScheduler.getAllEvents,
                               getResources: ResourceScheduler.getResources,
                               timeZoneOffset: timeZoneOffset
                           }
                       ]
                   });
  </code></pre>
  
  <p>I came across this http://www.sencha.com/forum/showthread.php?28318-Fit-to-parent&amp;highlight=resize'>plugin and tried if it works. Unfortunately it only works when expanding windows but not when shrinking window. I want to know if someone has successfully accomplish to make panel with 100% width x 100% height.</p>