在EXT.dataview.List上显示嵌套的Json

时间:2013-07-05 06:31:27

标签: javascript json sencha-touch sencha-touch-2 sencha-architect

我在托盘上显示<div>{lat}, {lon}, {ele}</div>来自一个json文件的sencha touch EXT.dataview.List ItemTpl但是它无效:

JSON:

{
    "data": {
            "trackData": 
                [
                    {
                        "lon": 9.979255199432373,
                        "lat": 53.56595538391044,
                        "ele": 19
                    },
                    {
                        "lon": 9.973998069763184,
                        "lat": 53.56923037464335,
                        "ele": 15
                    }
            ]
        }
    }

型号:

Ext.define('Fahrradtour.model.Location', {    extend: 'Ext.data.Model',


        config: {
            fields: [
                {
                    name: 'lat',
                    type: 'float'
                },
                {
                    name: 'lon',
                    type: 'float'
                },
                {
                    name: 'ele',
                    type: 'float'
                }
            ]
        }
    });

商店:

Ext.define('Fahrradtour.store.LocationStore', {    extend: 'Ext.data.Store',


        requires: [
            'Fahrradtour.model.Location'
        ],


        config: {
            autoLoad: true,
            model: 'Fahrradtour.model.Location',
            storeId: 'LocationStore',
            proxy: {
                type: 'ajax',
                url: './data/json-track.json',
                reader: {
                    type: 'json',
                    rootProperty: 'data',
                    record: 'trackData'
                }
            }
        }
    });

Store将他的数据加载到Architect中,但List没有显示任何内容。 任何身体都有一个想法有什么不对? 感谢。

0 个答案:

没有答案