Sencha Touch Ext.List不会填充商店的数据

时间:2012-10-17 08:33:41

标签: sencha-touch

Ext.List没有填充商店的数据,只显示两行空列表项。当我使用firebug进行调试时,我看到商店中充满了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}'});

有人有任何想法吗?

1 个答案:

答案 0 :(得分: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}'
        }

        });