展开和useArrows不适用于Treepanel

Question

我在我的项目中使用了treepanel的以下代码，但expnad没有发生。useArrow也无效。但是当我在fidller中运行相同的代码时，每个东西都按预期工作。任何人都可以帮我弄清楚我错过了什么。

展开不会发生。所有值包括子项显示。这是我的代码。

{
    xtype: 'treepanel',
    useArrows: true,
    autoScroll: false,
    animate: true,
    enableDD: false,
    title: 'Configuration',
    width: 200,
    height: 400,
    rootVisible: false,
    store: Ext.create('Ext.data.TreeStore', {
        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,
                expanded: true,
                children: [{
                    text: "Manage User",
                    leaf: true
                }, {
                    text: "User rights",
                    leaf: true
                }]
            }]
        }
    }),
    listeners: {
        itemclick: function(s, r) {
            alert(r.data.text);
        }
    }
}

感谢您的帮助。