sencha-touch - Sencha Touch Ext.List 没有填充 store 的数据

Question

Ext.List 不填充 store 的数据，只显示两行空列表项。当我使用 firebug 进行调试时，我看到 store 中填充了 json 数据中的信息，但未显示列表项。

存储对象

Ext.define('MyApp.store.ListStore', {
extend: 'Ext.data.Store',
autoLoad: true,

config:
{
    model: 'MyApp.model.NewsData',
    fields: [{ name: 'haberId', mapping: 'haberId' },
            { name: 'haberGonderen', mapping: 'haberGonderen' },
            { name: 'haberDetay', mapping: 'haberDetay' },
            { name: 'haberZaman', mapping: 'haberZaman'}]
},

proxy: {
    id: 'ListStore',
    access: 'public'
}});

新闻对象

Ext.define('MyApp.model.NewsData', {
extend: "Ext.data.Model",
config: {
    fields: [
        'haberId',
        'haberGonderen',
        'haberDetay',
        'haberZaman'
    ]


}});

列表显示

Ext.define('MyApp.view.ListTemplate', {
extend: 'Ext.List',
title: 'Haber Listesi',
store : 'ListStore',
fullscreen: true,
itemTpl : '{haberGonderen}'});

有人有什么想法吗？

Answer 1

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

Store.js

        Ext.define('MyApp.store.ListStore', {
        extend: 'Ext.data.Store',
        config:
        {   
            autoLoad: true,
            model: 'MyApp.model.NewsData',
            proxy: {
            id: 'ListStore',
            access: 'public'
            },
            fields: [{ name: 'haberId', mapping: 'haberId' },
                    { name: 'haberGonderen', mapping: 'haberGonderen' },
                    { name: 'haberDetay', mapping: 'haberDetay' },
                    { name: 'haberZaman', mapping: 'haberZaman'}]
        }

        });

ListTemplate.js

        Ext.define('MyApp.view.ListTemplate', {
        extend: 'Ext.List',
        config: {
        fullscreen: true,
        title: 'Haber Listesi',
        store : 'ListStore',
        itemTpl : '{haberGonderen}'
        }

        });