javascript - ExtJs 5:TreePanel:未获取默认的叶子图标和行

我使用Sencha ExtJs 5创建了一个示例TreePanel。
我遵循了文档中的示例示例，并且能够看到项目（叶子和分支），但它们不是以树的形式出现，而是以列表的形式出现。

这是我的代码：

商店：

Ext.define('MyApp.store.ResourcesStore', {
extend : 'Ext.data.TreeStore',
root : {
    expanded : true,
    children : [ {
        text : "UI Forms",
        leaf: false,
        expanded : true,
        children : [ {
            text : "Web",
            leaf : true
        }, {
            text : "Smart Phone",
            leaf : true
        }, {
            text : "Tablet",
            leaf : true
        }, ]
    }, {
        text : "Reports",
        leaf : true
    }, {
        text : "Dashboards",
        leaf : true
    }, {
        text : "Entities",
        leaf : true
    }, {
        text : "Queries",
        leaf : true
    }, {
        text : "Services",
        leaf : true
    } ]
}
});

视图：

Ext.define('MyApp.view.leftpanel.ResourcesView', {
extend : 'Ext.TreePanel',
xtype : 'resources-panel',
title : 'Resources',
store : 'ResourcesStore',
rootVisible : false
});

这是我的输出结果：



执行sencha app build命令后：
手风琴面板受到影响。

最佳答案

如果您使用Sencha Cmd，那么您很可能需要：

sencha app refresh
sencha ant sass

如果没有帮助的话

sencha app build

应用程序引导程序需要知道您正在使用树，因此它知道要加载哪个CSS。

关于javascript - ExtJs 5:TreePanel:未获取默认的叶子图标和行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24164405/