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

Question

我无法<div>{lat}, {lon}, {ele}</div>使用EXT.dataview.ListItemTpl 和来自 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'
                }
            }
        }
    });

商店很好地在 Architect 中加载了他的数据，但列表没有显示任何内容。有人有想法有什么问题吗？谢谢。