对于 Ext.tree.Panel 节点，即使使用了 useArrow 属性，也不会显示箭头按钮

Question

对于 Ext.tree.Panel 个节点，箭头按钮不显示，即使使用了 useArrow 属性。在节点左侧移动时，指针正在显示，但箭头的可见性为假。

我该如何解决这个问题？？

下面给出代码，我用过

 Ext.create('Ext.tree.Panel', {
    useArrows: true,
    autoScroll: false,
    animate: true,
    enableDD: false,
    title: 'Configuration',
    width: 200,
    height: 150,
    rootVisible: false,
    store: [{
        root: {
            expanded: true,
            children: [{
                text: "Configure Application",
                expanded: true,
                children: [{
                    text: "Manage Application",
                    leaf: true
                }, {
                    text: "Scenario",
                    leaf: true
                }]
            }, {
                text: "User Configuration",
                expanded: true,
                children: [{
                    text: "Manage User",
                    leaf: true
                }, {
                    text: "User rights",
                    leaf: true
                }]
            }, {
                text: "Test Configuration",
                leaf: true,
                children: [{
                    text: "Manage User",
                    leaf: true
                }, {
                    text: "User rights",
                    leaf: true
                }]
            }]
        }
    }]
});

附上 UI 树的屏幕截图。

]

我正在使用 extjs-4.2.2

Answer 1

我更改了您的商店定义，现在如果在配置 json 中将 useArrows 属性设置为 true，它会按预期显示箭头。

你可以在煎茶中试试 fiddle。

var root = {
    expanded: true,
    children: [{
        text: "Configure Application",
        expanded: true,
        children: [{
            text: "Manage Application",
            leaf: true
        }, {
            text: "Scenario",
            leaf: true
        }]
    }, {
        text: "User Configuration",
        expanded: true,
        children: [{
            text: "Manage User",
            leaf: true
        }, {
            text: "User rights",
            leaf: true
        }]
    }, {
        text: "Test Configuration",
        leaf: true,
        children: [{
            text: "Manage User",
            leaf: true
        }, {
            text: "User rights",
            leaf: true
        }]
    }]
};

Ext.application({
    name: 'Fiddle',

    launch: function() {
        Ext.create('Ext.tree.Panel', {
            useArrows: true,
            autoScroll: false,
            animate: true,
            enableDD: false,
            title: 'Configuration',
            width: 400,
            height: 400,
            renderTo: Ext.getBody(),
            rootVisible: false,
            store: Ext.create('Ext.data.TreeStore', {
                root: root
            })
        });
    }
});

对于 Ext.tree.Panel 节点，即使使用了 useArrow 属性，也不会显示箭头按钮

For Ext.tree.Panel nodes, arrow button is not displayed, even though useArrow property is used

extjs

extjs4

extjs4.1

extjs4.2