title: Ext.js 4 Scroll bars on panel
body: <p>I know this has been asked before, but I am hoping that the workarounds I saw in earlier posts are before version 4.  I am using version 4 with MVC architecture.</p>
  
  <p>I have a servlet which returns a chunk of text which I want to display on a panel.</p>
  
  <p>That panel is defined as follows:</p>
  
  <pre><code>Ext.define('MyApp.view.log.View' ,{
      extend: 'Ext.panel.Panel',
      alias : 'widget.logview',
      title : 'Log',
  
      id: 'log.View',
  
      layout: 'fit',
      autoscroll: true,
  
  }); // end Ext.define
  </code></pre>
  
  <p>The returned text is added to the panel defined above as follows:</p>
  
  <pre><code>{
      xtype: 'button',
      text: 'Import',
      handler:  function()
      {
          Ext.Ajax.request({
              url: '/MyApp/Import',
              success: function(response)
              {
                  var theText = response.responseText;
                  var logPanel = Ext.getCmp('log.View');
                  logPanel.insert(0, [ { xtype: 'box', autoEl: { cn: theText } } ] );
              }
          });  // end Ajax.request
      }  // end handler
  }
  </code></pre>
  
  <p>I can't seem to get vertical scroll bars to work.  I see that grid.Panel has a determineScrollbars method, but panel.Panel does not.</p>
  
  <p>Any help is appreciated.  Thanks in advance.</p>