滚动条不显示在视口或网格中

时间:2011-09-16 13:00:51

标签: layout extjs scroll

我在视口中有一个嵌套的borderlayout。视口的autoscroll设置为true。我只有西部& borderlayout的中心区域

在我的一个屏幕中,在中心区域,我有一个包含2个网格面板的面板,所有面板都将自动滚动设置为true。

每当我最小化窗口时,都不会出现滚动条和它在底部网格上切割,只显示侧边框而没有底部。

我最近更改了一个屏幕,将网格作为主要中心区域,它显示整个网格,但没有任何迹象显示它包含在屏幕内,看起来好像它已经离开了屏幕。

视口设置:

var viewport = new Ext.Viewport({
          autoshow: true,
          autoScroll: true,
          layout   : 'border',
          defaults : {
            frame  : true,
            split  : true
          },
          items : [             
            {
                //accordion view
              title        : 'Navigation',
              region       : 'west',
              collapsible  : false,           
              margins: '100 0 0 0',
              cmargins: '5 5 0 0',
               width: 175,
               minSize: 100,
               maxSize: 150,
               layout: {
                   type: 'accordion',
                   animate: true
               }, ....
  {
                //center region of screen
              xtype  : 'container',
              region : 'center',
              layout : 'fit',
              id     : 'centerRegion',
              margins: '100 0 0 0',
              autoEl : {}                   
            }

被切断的网格:

var config = {  
                //id: "priorGrid"
                //,
                title: 'Prior Reports '
                ,height: 300
                ,width: 700,
                stripeRows: true
                ,autoScroll: true
                ,tools:[
                        {
                            id:'help',
                            qtip: 'Get Help',
                            handler: function(event, toolEl, panel){
                                // whatever
                            }                           

                        }]
                ,store: dataStore
                ,columns:

1 个答案:

答案 0 :(得分:0)

您是否尝试将网格父级(我假设父级是视口中的中间项)更改为autoScroll:true