创建一个列表并使用Sencha Touch从JSON源填充它

时间:2011-03-17 08:37:09

标签: json sencha-touch

我遇到的问题应该是一件简单的事情,但是无法让它发挥作用。我已经尝试了来自不同站点的几个示例,并查看了Sencha Touch API,但没有运气。我正在尝试的是从外部JSON源填充List。为了使它尽可能简单,我现在只是把它放在一个外部文件中。

Ext.setup({
tabletStartupScreen: 'tablet_startup.png',
phoneStartupScreen: 'phone_startup.png',
icon: 'icon.png',
glossOnIcon: false,
onReady : function() {

    Ext.regModel('Contact', {
        fields: ['firstName', 'lastName']
    });

   var store = new Ext.data.Store({
            model: 'Contact',
            sorters: 'firstName',

            getGroupString : function(record) {
                return record.get('firstName')[0];
            },
            proxy: {
                type: 'ajax',
                url : 'test.json',
                reader: {
                    type: 'json'
                }
            }
        });

   var list = new Ext.List({
        fullscreen: true,

        itemTpl : '{firstName} {lastName}',    
        store: store
    });
    list.show();}});

JSON文件

[
{
    "firstName" : "pelle",
    "lastName": "ollesson"
},
{
    "firstName" : "nisse",
    "lastName": "pellssdfok"
}
]

你有什么东西可以马上看到是错的吗?

提前致谢

1 个答案:

答案 0 :(得分:2)

好的,解决了。当我删除分拣机和getGroupString时,它突然起作用了。