Extjs 6.0現代：沒有商店的Treelist？

Question

所以，我是新來的ExtJS的，並作爲我學習的一部分，我想創建一個簡單的常見問題樣式樹列表。

我見過涉及創建用戶界面插件的所有實例（請原諒鬆散的術語）在視圖文件，並在單獨的視圖模型文件實際上填充其數據的列表。它看起來像

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

與父母和孩子的樹在一個名爲navItems的商店佈局。

有沒有一種方法可以讓我的兩個文件合併成一個？我可以在與樹相同的項目中定義樹木數據嗎？或者失敗了，我可以用相同的.js定義商店嗎？

我道歉，如果這些愚蠢的問題 - 我更遠遠熟悉CPP比Java。

Answer 1

當然，你可以在視圖中直接定義它。在treelist中的store config也接受對象。所以你可以直接在其中定義商店。

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

你可以看到它在這裏的行動：https://fiddle.sencha.com/#fiddle/1h0b