Sencha Touch DataView not showing items from Store

Question

I'm using Sencha touch 2. I have store that load from existing js object:

Ext.define('majestic.store.Dataset', {
    extend : 'Ext.data.Store',

    requires : [
        'majestic.model.Dataset',
        'majestic.util.config.ConfigurationManager'
    ],
    config : {
        model   : 'majestic.model.Dataset',
        type: 'memory',
        reader: 'json',
        autoLoad : true,
        proxy: {
            type: 'memory',
            reader: {
                type: 'json',
                rootProperty : 'datasets'
            }
        }

    },
    constructor: function(config) {
        this.callParent(arguments);
        this.applyData(majestic.util.config.ConfigurationManager.getConfig());
    }

});

Model:

Ext.define('majestic.model.Dataset', {
    extend : 'Ext.data.Model',

    config : {
        fields : [
            'title'
        ],

        associations: [
              {type: 'hasMany', model: 'Layer', name: 'layers'}
        ]

    }
});

And view:

Ext.define('majestic.view.LayerList', {
    requires: ['majestic.store.Dataset'],
    extend: 'Ext.dataview.List',
    config:{
        store: 'Dataset',
        itemTpl: '<div>{id} is {title}</div>',
        itemSelector: "div"
    }
});

After looking at Data view in Sencha touch i've added autoLoad and itemSelector, still no luck.

Though running

new majestic.store.Dataset().each(function(i) {console.log(i)});

outputs list of objects with filled data attributes.

UPDATE

I agree with @fbrandel that first option is how it should work, but after reading ST source i've figured out that store parameter of dataview is interpreted as:

store object
json store notation like in first example here
name of already created store which can be resolved using StoreManager.lookup

So I ended up with:

Leaving store:'Dataset' in View
Adding storeId : "Dataset" to store, so it can be resolved by StoreManager
Adding stores: ['Dataset'] which caused creation of majestic.store.Dataset and registering it in StoreManager

P.S. It also could be done using this.setStore(new majestic.store.Dataset()) in initialization method of GridView, but I prefer declarative way where posible

score 2 · Accepted Answer · answered Feb 04 '12 at 21:57

Here are some suggestions:

Try to set the store to 'majestic.store.Dataset' instead of just Dataset

Add the store dependency to your app.js like this:

Ext.application({
    name: 'majestic',
    stores: ['Dataset'],

    launch: function() {   
       ...
    }
});

Instead of passing a string to the store property, pass an instance:
```
store: Ext.create('majestic.store.Dataset')
```

Option #1 seems to be the most obvious way how it should work. If it does not, this might be a bug in ST2.

score 0 · Answer 2 · answered Jun 12 '12 at 06:45

0

Maybe your missing an id field

Anyway, I'm building in Architect with no luck as well, but seems a totally different problem. I'll follow the tutorial in Architect (building your first mobile app) and maybe get insight.

answered Jun 12 '12 at 06:45

pashute

3,965
3
38
65

Sencha Touch DataView not showing items from Store

2 Answers2