Question

I am using Sencha V2. I am trying to populate my list with the values in a Users.json file.

The code in my list file is

Ext.define('iPolis.view.personlist',{
    extend:'Ext.List',
    xtype: 'personlist',
    requires: [
        'Ext.List',
        'Ext.form.FieldSet',
        'Ext.Button'

    ],

    config: {
              fullscreen:true,
              items: [
                       {
                         xtype:'toolbar',
                         docked:'top',
                         title:'iPolis',
                          items:[
                                      {
                                          ui:'back',
                                           icon:'home',
                                           iconCls:'home',
                                           iconMask:true,
                                            id: 'homebtn',
                                            handler:function ()
                                                   {
                                                    }
                                      },

                          ]
                       },

                         {
                    xtype : 'list',
                    store : 'personListStore',
                    itemTpl : '<div class="contact">HI <br/> {name}</div>'

                        }
                    }
              ]

    }
});

and the store is calling the file using:

 Ext.define('iPolis.store.personListStore', {
            extend: 'Ext.data.Store',
storeId:'personListStore',
            model : 'iPolis.model.personListModel',

            proxy : {
                type : 'ajax',
                url : '/users.json',
                reader: {
                    type: 'json',
                    rootProperty: 'users'
                }
            },
             autoLoad: true
    });

The code for my json file is:

{
    "users": [
       {
           "id": 1,
           "name": "Ed Spencer",
           "email": "[e-mail]"
       },
       {
           "id": 2,
           "name": "Abe Elias",
           "email": "[e-mail]"
       }
    ]
}

I am gettin a blank screen. I have tried everything but no data is displayed on the screen.

Answer 1

Ext.define('iPolis.store.personListStore', {
    extend: 'Ext.data.Store',
    config:{
    model : 'iPolis.model.personListModel',
    storeId:'personListStore',
    proxy : {
        type : 'ajax',
        url : '/users.json',
        reader: {
            type: 'json',
            rootProperty: 'users'
        }
    },
     autoLoad: true  }  });

try this may help you.