뷰포트 Ext JS에서 스크롤 막대 제거

Question

뷰포트에서 스크롤 막대를 가져 오는 중 어떻게 제거 할 수 있습니까?

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); 
     } 
}); 

내가 뭔가를해야만 실종 : 내 뷰포트 viewport sencha doc

에서

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

:

나는이 문서에서 우리는이 있기 때문에 그 이상한 상황 알아?!

Answer 1

문서와 마찬가지로, 뷰포트에는 자동으로 스크롤 막대가 자동으로 적용되지 않습니다.

그러나 각 지역은 기본적으로 오버플로시 스크롤바가 표시되는 Ext.panel.Panel 구성 요소입니다.

layout: fit 설정을 뷰포트에 추가해보십시오.

처리 할 수없는 경우 스크롤 막대가있는 패널 구성 요소에 동일한 구성을 추가하십시오.