2016-08-16 27 views
1

我使用的是ExtJs6,但是當我使用TreeGrid時我想在列的滾動條 當我在樹上展開更多節點時,我不希望列寬更改。 所以此值無法顯示完整, 只見文檔Extjs6 treegrid列可滾動不起作用

滾動:布爾/字符串/對象 配置選項,使這個組件滾動。可接受的值爲: 爲true以啓用自動滾動。 false(或null)禁用滾動 - 這是默認設置。 x或水平,僅啓用水平滾動 y或垂直以啓用垂直滾動 如果需要高級配置,還接受Ext.scroll.Scroller的配置對象。 此配置的getter返回Ext.scroll.Scroller實例。您可以使用滾輪API來讀取或操縱滾動位置:

,但我寫這樣的代碼:

{ 
    xtype: 'treecolumn', //this is so we know which column will show the tree 
    text: 'operation', 
    sortable: true, 
    width: 200, 
    border: 5, 
    scrollable: true, 
    dataIndex: 'operation', 
    menuDisabled: true, 
    autoSizeColumn: true 
} 

它不會工作。

+0

https://fiddle.sencha.com/#fiddle/1fad – user6226486

回答

0

網格列身體不能有一個滾動條。 gridcolumn派生自組件,但所有繼承的配置和屬性都配置列標題。

gridpanel呈現在下面(生成HTML的方式)的方式排除了向單個列添加水平滾動的任何簡單且高效的方式。

根據您的使用情況,您可以將您的treecolumn添加爲鎖定列。

lockedGridConfig中,您可以爲網格的鎖定部分提供固定寬度,然後scrollable:true。這是我看到只有水平滾動水平獨立於網格的其餘部分的唯一方法。

小提琴:https://fiddle.sencha.com/#fiddle/1faf

+0

感謝,我會嘗試這個 – user6226486