2014-09-28 68 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