Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><code>Ext.dataview.NestedList</code> is a class name not <code>xtype</code>, so change that in to <code>nestedlist</code></p> <p>Remove the <code>xtype</code> from the store and give it <code>storeId : 'TasksTodoStore'</code> inside store config</p> <p>And you Json is invalid</p> <p><strong>Model</strong></p> <pre><code>Ext.define('SF.model.TasksToDoModel', { extend : 'Ext.data.Model', config : { fields : [{ name : 'text', type : 'string' }] } }); </code></pre> <p><strong>Store</strong></p> <pre><code>var data = { "text": "Groceries", "items": [{ "text": "Drink", "items": [{ "text": "Water", "items": [{ "text": "Sparkling", "leaf": "true" }, { "text": "Still", "leaf": true }] }, { "text": "Coffee", "leaf": true }, { "text": "Espresso", "leaf": true }, { "text": "Redbull", "leaf": true }, { "text": "Coke", "leaf": true }, { "text": "Diet Coke", "leaf": true }] }, { "text": "Fruit", "items": [{ "text": "Bananas", "leaf": true }, { "text": "Lemon", "leaf": true }] }, { "text": "Snacks", "items": [{ "text": "Nuts", "leaf": true }, { "text": "Pretzels", "leaf": true }, { "text": "Wasabi Peas", "leaf": true }] }] }; Ext.define('SF.store.TasksToDoStore', { extend : 'Ext.data.TreeStore', config : { model : 'SF.model.TasksToDoModel', storeId : 'tasksToDoStore', defaultRootProperty: 'items', root : data, autoLoad : false } }); </code></pre> <p><strong>View</strong></p> <pre><code>Ext.define('SF.view.TasksToDoPanel',{ extend : 'Ext.Container', id : 'tasksToDoPanel', xtype : 'tasksToDoPanel', requires: [ 'SF.store.TasksToDoStore' ], config : { layout : 'fit', items : [ { xtype:'nestedlist', store : 'tasksToDoStore', title: 'Groceries', displayField: 'text' }] } }); </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload