2014-09-28 28 views
0

我的视口内有一个栅格。代码如下所示。Extjs 5栅格内的视口水平滚动问题

通过给我的网格固定的宽度,我没有得到我的网格水平滚动条。 autoScroll = true剂量帮助。

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

我希望能够随意调整列的大小,并且还需要水平滚动条。

列动态添加和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 

}); 

回答

0

滚动不会出现,因为你已经定格宽度7000px。当列宽大于网格宽度时,通常滚动会出现在网格中。使用布局来适应父容器中的网格,或者调整其宽度,然后应该出现滚动。

+0

如果我要删除固定宽度7000,并给出合适的布局,那么我无法调整网格中的列的大小。我无法拖动列并展开它们。可以做什么? – ASR 2014-10-06 05:38:55