list problem (no errors, no data)

[twisted_zero]

i am trying to implement a list in my panel.
there are no warnings or errors, but i don't see the data

the view:

Ext.define('app.view.home', {
    extend: 'Ext.Panel',
    xtype: 'homePage',
   
    config: {
        fullscreen: true,
        
        items: [
            {
                xtype: 'toolbar',
                title: 'Dossiers',
                docked: 'top',
            },{
                xtype: 'toolbar',
                docked: 'bottom',
                items: [
                    {
                        xtype: 'button',
                        text: 'Logout',
                        ui: 'back',
                        id:'Logout-btn',
                    },{
                        xtype: 'button',
                        iconMask: true,
                        iconCls: 'user',
                        text: 'settings',
                        id:'user-btn',
                    },{ 
                        xtype: 'spacer'
                    },{
                        xtype: 'button',
                        iconMask: true,
                        iconCls: 'add',
                        id:'tabform-btn',
                    }
                ]
            },{
                xtype:'list',
                store:'Dossiers',
                itemTpl:'{name}'
            },
        ]


    },
    initialize: function() {
        this.callParent(arguments);
        console.log('homeView:initialize');
    },
});

the store:

  Ext.define('app.store.Dossiers', {
    extend: 'Ext.data.Store',
    requires: 'app.model.Dossier',
    
    config:{
        model: 'app.model.Dossier',
        
        proxy: {
            type: 'ajax',
            url: 'app/model/data/dossiers.json',
            reader: {
                type: 'json',
            }
        } ,
    autoLoad: true
    }
});

the model:

Ext.define('app.model.Dossier', {
    extend: 'Ext.data.Model',
    config: {
        fields: [
            {
            name: 'id',
            type: 'string'
            }, {
            name: 'name',
            type: 'string'
            }
        ]
    },
 });

the data:

[
    { "id": 1, "name": "azerty" },
    { "id": 7, "name": "jan" },
    { "id": 4, "name": "hello world" }    
]

[Nserra]

I haven't tested your code or really look close to it but you've defined a field: 'id' of type string and than pass numbers on it.

[twisted_zero]

i see you're point, but also when i comment out the id's, the problem still exists

[clozeboy]

i'm facing the same problem, kindly help

[chrisminniti]

your autoLoad: true is outside the config

[chrisminniti]

here is a snippet of a working store of mine.

Ext.define('TopicApp.store.DiversityStore', {            
extend: 'Ext.data.Store',
            config: {
                autoLoad: true,
                model: 'TopicApp.model.DiversityModel',
                proxy: {
                    type: 'ajax',
                    url: "someurl.com",
                    reader: {
                        type: 'xml',             
                       record: 'properties'
                    }
                }
            }
});

[twisted_zero]

my autoLoad is in the config-block.
It has to be something else

[chrisminniti]

you are right. your autoload is inside the config.

[chrisminniti]

have you tried putting it up right below the config open?

[twisted_zero]

have you tried putting it up right below the config open?

you mean like this?

  Ext.define('app.store.Dossiers', {
    extend: 'Ext.data.Store',
    requires: 'app.model.Dossier',
    
    config:{
        autoLoad: true,
        model: 'app.model.Dossier',
        
        proxy: {
            type: 'ajax',
            url: 'app/model/data/dossiers.json',
            reader: {
                type: 'json',
            }
        } ,
    }
});

same result, didn't work either