0

我是 sencha 编程的初学者，试图构建一个应用程序，该应用程序从远程服务器接收数据并将其显示为我的应用程序中的列表。我正在尝试将数据从 JSON 存储加载到列表视图中。我的商店代码是：

Ext.define('RestaurantGlobal.store.CategoryColumnsStore', {
extend: 'Ext.data.Store',

requires: [
    'RestaurantGlobal.model.CategoryColumns'
],

config: {
    model: 'RestaurantGlobal.model.CategoryColumns',
    storeId: 'CategoryColumnsStore',
    proxy: {
        type: 'ajax',
        url: 'http://eatpunjab.gramapp.in/Data/?Model=Category&All=True',
        reader: {
            type: 'json',
            rootProperty: 'fields'
        },
    autoLoad: true
    }
  }
});

我的模型代码是：

Ext.define('RestaurantGlobal.model.CategoryColumns', {
extend: 'Ext.data.Model',

uses: [
    'RestaurantGlobal.model.BaseModelColumns'
],

config: {
    fields: [
        {
            name: 'Name',
            type: 'string'
        },
        {
            name: 'Image',
            type: 'string'
        }
    ],
  }
});

我的视图代码是：

var categorystore = Ext.create("RestaurantGlobal.store.CategoryColumnsStore");
Ext.define('RestaurantGlobal.view.CategoriesPage', {
    extend: 'Ext.Panel',

config: {
    styleHtmlCls: 'maincontainer',
    styleHtmlContent: true,
    layout: {
        type: 'vbox'
    },
    items: [
        {
            xtype: 'titlebar',
            flex: 0.5,
            docked: 'top',
            title: 'Menu'
        },
        {
            xtype: 'list',
            flex: 4,
            cls:'customcontainer',
            margin: '0 10 0 10',
            itemTpl: [
             '<img src="http://eatpunjab.gramapp.in/media/{Image}" width="40" height="40"/><h2>{Name}</h2>'
            ],
            scrollToTopOnRefresh: false,
            store: categorystore
        },
     ]
   }
});

当我在浏览器中打开应用程序时，我得到一个空白列表视图。

我的代码中缺少什么导致数据无法加载到列表视图中？

4

1 回答 1

0

autoLoad是store的配置选项，但您已将其放在代理中。

于 2013-09-18T10:10:33.587 回答