Question

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

这是小组：

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

而且，我在新窗口中显示此面板。

Answer 1

如果您使用ExtJS5，则应使用scrollable配置来实现此目的。（http://docs.sencha.com/extjs/5.1/5.1.0-apidocs/#!/api/Ext.Component-cfg-scrollable）

以下是我尝试过的小提琴：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无法在Tree Panel上运行

1 个答案: