Extjs 6.0 Modern: Treelist ohne Geschäft?

Question

Also, ich bin neu in Extjs, und als Teil meines Lernens versuche ich, eine einfache FAQ-Stil Baumliste zu erstellen.

Alle Beispiele, die ich gesehen habe, beinhalten die Erstellung des UI-Widgets (Bitte verzeihen Sie die lose Terminologie) in der View-Datei und in einer separaten ViewModel-Datei, die die Liste tatsächlich mit ihren Daten füllt. Es sieht so aus wie

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

mit den Eltern und Kindern des Baumes in einem Geschäft namens navItems angelegt.

Gibt es eine Möglichkeit, die beiden Dateien zu einem zusammenführen? Kann ich die Baumdaten innerhalb derselben Elemente wie den Baum definieren? Oder kann ich das Geschäft in derselben .js definieren?

Ich entschuldige mich, wenn das dumme Fragen sind - ich bin mehr vertraut mit CPP als Java.

Answer 1

Sicher, Sie können es direkt in der Ansicht definieren. Die store config in der Baumstruktur akzeptiert auch Objekt. So können Sie den Shop direkt darin definieren.

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

Sie können es in Aktion sehen hier: https://fiddle.sencha.com/#fiddle/1h0b