Javascript Extjs嵌套面板：滚动条消失

我正在使用两个嵌套的ext.panel.panel的extjs。问题是，当内部面板的文本被放大时，它超出了外部面板，隐藏了重要文本和右滚动条。有没有一种方法我可以改变事情，使内板始终适合外板

格式如下：

jController.centerPanel = Ext.create('Ext.panel.Panel',{    
  layout: 'border',    
  items: [{    
      region: 'center',    
      xtype: 'panel',    
      layout: 'fit',    
      items: [jController.queryResults]    
   }]    
}); 

jController.resultsPanel = Ext.create('Ext.panel.Panel',{    
  layout: 'border',    
  items: [{    
      region: 'center',    
      xtype: 'panel',    
      layout: 'fit',
      items: [jController.centerPanel]    
   }]    
}); 

---

为什么要这么多筑巢？为什么要使用边框布局？因为我正在阅读其他人的代码，并且是extjs新手。请在fiddle（）中添加错误示例！只需删除不必要的边框布局面板。extjs的布局管理器不喜欢这样。根据您的ExtJS版本，请参见autoScroll属性：