Extjs 6.0 Modern：没有存储的树列表？

Question

因此，我是Extjs的新手，在学习的过程中，我试图创建一个简单的FAQ样式树列表。

我所见过的所有示例都涉及在视图文件中以及在单独的ViewModel文件中实际填充其数据的列表中创建UI小部件（请宽恕宽松的术语）。 看起来像

Ext.define('Namespace.view.tree.TreeList',
...
...
items:[{
    xtype: 'treelist',
    reference: 'treelist',
    bind: '{navItems}'
}]

树的父母和孩子布置在名为navItems的商店中。

有没有一种方法可以将两个文件合并为一个？ 我可以在与树相同的项中定义树数据吗？ 否则，我可以在相同的.js中定义商店吗？

对于这些愚蠢的问题，我深表歉意-与Java相比，我对CPP更为熟悉。

Answer 1

当然，您可以直接在视图中定义它。 树形列表中的store配置也接受对象。 因此，您可以直接在其中定义商店。

Ext.create('Ext.panel.Panel', {
    fullscreen: true,
    title: 'Tree',
    items: [{
        xtype: 'treelist',
        store: {
            root: {
                // data defined in here
            }
        }
    }]
}); 

您可以在这里查看它的运行情况： https : //fiddle.sencha.com/#fiddle/1h0b