从Viewport Ext JS 4中删除滚动条

Question

我在视口中获取滚动条，如何删除它。

我知道这是一种奇怪的情况，因为在文档中我们有这个：

The Viewport does not provide scrolling, so child Panels within the Viewport 
should provide for scrolling if needed using the autoScroll config.

来自viewport sencha doc

我的视口：

Ext.define('MyViewport', {
   extend : 'Ext.container.Viewport',

   layout : 'border',
   padding : '5 5 5 5',
   defaults: {
       split: true,
       autoScroll : false
   },
   initComponent : function() {
       this.items = [{
         region: 'north',
         height: 70,
         width : '100%',
         split : false,
         padding : '0 0 5 0',
         items:[{
               //here some items
         }]
    },{
        region:'west',
        collapsible: true,
        width: 210,
        maxWidth : 210,
        autoScroll : false,
        items:[{
               //here some items
         }]
    },{
        region:'center',
        id : 'workspace',
        //here I add panels dynamically
    }];
    this.callParent(arguments);
      }
 });

我错过了什么吗？！

Answer 1

就像文档所说的那样，视口永远不会自动将滚动条直接应用到它上面。

但默认情况下，您的每个区域都是Ext.panel.Panel个组件，会在溢出时自动获取滚动条。

尝试在您的视口中添加layout: fit配置。

如果没有处理它，请将相同的配置添加到具有滚动条的面板组件。