list - 商店没有加载

Question

我正在使用 Sencha V2。我正在尝试使用 Users.json 文件中的值填充我的列表。

我的列表文件中的代码是

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>'

                        }
                    }
              ]

    }
});

并且商店正在使用以下方法调用文件：

 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
    });

我的 json 文件的代码是：

{
    "users": [
       {
           "id": 1,
           "name": "Ed Spencer",
           "email": "ed@sencha.com"
       },
       {
           "id": 2,
           "name": "Abe Elias",
           "email": "abe@sencha.com"
       }
    ]
}

我得到一个空白屏幕。我已经尝试了一切，但屏幕上没有显示任何数据。

Answer 1

在您的列表中，商店是personStore您尝试使用的personListStore。

Answer 2

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  }  });

试试这个可能对你有帮助。