nestedlist json data not showing up

[gorje001]

Hi,

I'm trying to get the simple nested list demo working with PR3. The data is not showing up in the nested list. I believe I'm doing everything right but I am new to sencha and JS. Any help would be greatly appreciated.

Here's the main app:

Ext.setup({
tabletStartupScreen: 'sources/icons/tablet_startup.png',
phoneStartupScreen: 'sources/icons/phone_startup.png',
icon: 'sources/icons/icon.png',
glossOnIcon: false,
onReady: function() {


Ext.define('ListItem', {
extends: 'Ext.data.Model',
fields: [{name: 'text', type: 'string'}]
});
var store = new Ext.data.TreeStore({
model: 'ListItem',
proxy: {
type: 'ajax',
url: 'groceries.json',
reader: {
type: 'json',
root: 'items'
}
},
autoLoad: true
});
new Ext.NestedList({
fullscreen: true,
title: 'Groceries',
displayField: 'text',
store: store
});

}

});

Here's the groceries.json file in the same folder as the app.

{
"text": "Groceries",
"items": [
{
"text": "Drinks",
"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
}
]
},
{
"text": "Empty Category",
"items": []
}
]
}

[mitchellsimoens]

Please wrap code in the code tags so it's easy to ready. Here is code that is working for me:

Ext.define('ListItem', {
    extend : 'Ext.data.Model',
    fields : [
        { name : 'text', type : 'string' }
    ]
});

Ext.setup({
    onReady: function() {

        var store = Ext.create('Ext.data.TreeStore', {
            model    : 'ListItem',
            autoLoad : true,
            proxy    : {
                type   : 'ajax',
                url    : 'groceries.json',
                reader : {
                    type : 'json',
                    root : 'items'
                }
            }
        });

        Ext.create('Ext.NestedList', {
            fullscreen   : true,
            title        : 'Groceries',
            displayField : 'text',
            store        : store
        });

    }
});

The problem I spotted as that 'extends' in your model needs to be 'extend'