Unable to bind the store to Ext.List/Panel

[dilberted]

I have this blocking issue and I cannot move on further, the data is getting loading in the store (checked through chrome console). But unable to load / bind the data in the list.

Currently in the code below, I am using the panel and then trying to load the data in the items. But I have also tried to use Ext.List instead of the panel but to no avail.

In my code below, I am not setting the root of the json or the record as there is no root.

Hope anyone can help me out.

Here is the code for the Model and the store

Ext.regModel('Itemsor', {
    fields: [
        {name: 'text', type: 'string'},
        {name: 'created_at', type: 'string'},
        {name: 'retweeted', type: 'string'}
    ]
});

App.StoreItems = new Ext.data.Store({
    model: 'Itemsor',
    proxy: {
        type: 'scripttag',
        url : 'http://api.twitter.com/1/statuses/user_timeline.json?screen_name=digg',
        reader: {
            type: 'json'
        }
    },
});

App.StoreItems.load();

Here is the code for the view

App.views.TimelineIndex =  Ext.extend(Ext.Panel, {
    layout : 'fit',
    scroll : 'vertical',
    items: [{
                xtype : 'list',
                store: 'App.StoreItems',
                itemTpl: '{text}, <span class="date">{created_at}</date>',
                singleSelect : true,
                itemSelector : 'span.id',
                onItemDisclosure : function(record, btn, index) {
                        
                }
    }],
});
Ext.reg('TimelineIndex', App.views.TimelineIndex);

[mitchellsimoens]

You have:

store: 'App.StoreItems',

If you pass a string then it will look at StoreManager to find a storeId of that string which your store doesn't have.