javascript - 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一定有问题，watch cmd起作用是因为它有助于添加sass 我需要。