ExtJs 5：TreePanel：没有获取默认的叶子图标和行

Question

我使用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命令后： 手风琴小组受到了影响。

Answer 1

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

sencha app refresh
sencha ant sass

如果它没有帮助那么

sencha app build

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

Answer 2

我有类似的问题，发现只是停止“Sencha app watch”并重新启动就解决了它。

Answer 3

我也是，图标没有显示，它看起来像一个列表。在我的情况下，sencha应用程序构建不起作用。但是我使用了sencha app watch，图标出现了。我猜我的版本'Sencha Cmd v5.1.2.52'的sencha cmd一定有问题，手表cmd的工作原因是它有助于添加我需要的。