自动滚动不适用于树面板

Question

我尝试将滚动条添加到树面板，但即使我添加 autoscroll : true 它也不会滚动。

这是面板：

Ext.create('Ext.tree.Panel', {
                                title: 'asdasd',
                                autoscroll:true,
                                store: store,
                                rootVisible: false,
                            });

另外，我在新 window 上展示了这个面板。

Answer 1

如果您使用 ExtJS5，您应该为此目的使用 scrollable 配置。 (http://docs.sencha.com/extjs/5.1/5.1.0-apidocs/#!/api/Ext.Component-cfg-scrollable)

这是我试做的fiddle：https://fiddle.sencha.com/#fiddle/jd4

var store = Ext.create('Ext.data.TreeStore', {

root: {
    expanded: true,
    children: [{
        text: "Grand Parent",
        checked: false,
        isSelected: false,
        id: '1',
        children: [{
            text: 'Child Node',
            checked: false,
            IsSelected: false,
            id: '1.1',
            children: [{
                text: "Grand Child One",
                expanded: true,
                checked: false,
                isSelected: false,
                id: '1.1.1',
            }, {

                text: "Grand Child Two",
                expanded: true,
                checked: false,
                isSelected: false,
                id: '1.1.2',
            }, {

                text: "Grand Child Three",
                expanded: true,
                checked: false,
                isSelected: false,
                id: '1.1.3',
            }]
        }, {

            text: 'Child Two',
            checked: false,
            isSelected: false,
            id: '1.2',
            children: [{
                text: "Grand Child Four",
                expanded: true,
                checked: false,
                isSelected: false,
                id: '1.2.1',
            }]
        }]

    }]
}
});

Ext.create('Ext.tree.Panel', {
title: 'Example Tree',
width: 200,
height: 450,
store: store,
rootVisible: false,
multiSelect: true,
scrollable: true,
renderTo: Ext.getBody(),

});

自动滚动不适用于树面板

autoscroll is not working on Tree Panel

javascript

extjs

scroll

extjs5

treepanel