【问题标题】:Scrollbar not appearing in viewport or grid滚动条未出现在视口或网格中
【发布时间】:2011-09-16 13:00:51
【问题描述】:

我在视口中有一个嵌套的边框布局。视口的自动滚动设置为 true。我只有边界布局的西部和中心区域

在我的一个屏幕中,在中心区域,我有一个面板,其中包含 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:

【问题讨论】:

    标签: layout extjs scroll


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 2021-06-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-10-11
      • 2013-11-20
      • 2015-04-13
      • 1970-01-01
      • 2011-10-06
      相关资源
      最近更新 更多