Question

我的视口中有一个网格。代码如下所示。

通过为网格提供固定宽度，我的网格没有水平滚动条。 autoScroll = true dosent帮助。

如果删除给定网格的固定宽度或者将布局固定到我的视口，我将无法调整网格列的大小。

我希望能够随意调整列的大小，还需要一个水平滚动条。

动态添加列，并为每列设置minWidth，flex和maxWidth

可以做些什么？请帮忙

Viewport.js

Ext.define('MyView.view.Viewport', {
 extend: 'Ext.container.Viewport',
 requires:['MyView.view.gridPanel'], 
 layout : 'fit',
 items:[{
          //width:7000,
          xtype:'gridPanel'

        }]

  });

gridPanel.js

Ext.define('MyView.view.gridPanel', {
   extend: 'Ext.grid.Panel',
   plugins: 'gridfilters',
   alias: 'widget.gridPanel',
   id: 'tests-view',
   name:'graphPanel',
   title: 'Tests',
   emptyText: '',
   store: 'MyView.store.settingStore',
   pageSize:10, 
   dockedItems: [{
     xtype: 'pagingtoolbar',
     store: 'MyView.store.settingStore',   
     dock: 'bottom',
     displayInfo: true
  }],
  filters :[],
  //features:[],
  enableLocking:true,
  columns:[],  //Columns are loaded dynamically
  viewConfig: {
        stripeRows: true,
         plugins: {
            dragGroup: 'user-dd',
            enableDrop: false,
            ptype: 'gridviewdragdrop'
            //forceFit:true

        }
    },
columnLines: true,
frame: true

});

Answer 1

滚动没有出现，因为您已将网格宽度设置为7000px。当列宽大于网格宽度时，通常滚动显示在网格中。使用布局将网格放在父容器中，或调整其宽度，然后应显示滚动。

Extjs 5 Grid内部视口水平滚动问题

1 个答案: