0
こんにちは私は私のjsonデータを読み込もうとしていますが、読み込み中の画面が表示され続けます。私は画像といくつかの情報をリストに私のデータを読み込もうとしています。これはインラインデータで動作します。しかし、私はJSONを使用しようとすると、それは動作しません。Sencha-touch 1.1:取得できませんプロパティの長さが定義されていません
私が間違ったことや忘れたことを誰かが指摘できますか?以前はJSONを使ったことがありませんでした。
マイ.jsonファイル:
{
"data": [
{
"name": "Shirt",
"sizes": "S/M/L",
"price": "19,95",
"thumb": "shirt.jpeg"
},
{
"name": "Vest",
"sizes": "S/M/L",
"price": "24,95",
"thumb": "vest.jpeg"
},
{
"name": "Knitted vest",
"sizes": "S/M/L",
"price": "29,95",
"thumb": "knittedvest.jpeg"
},
{
"name": "T-Shirt",
"sizes": "S/M/L",
"price": "9,95",
"thumb": "tshirt.jpeg"
},
{
"name": "Jacket",
"sizes": "S/M/L",
"price": "69,95",
"thumb": "jacket.jpeg"
},
{
"name": "Trui",
"sizes": "S/M/L",
"price": "29,95",
"thumb": "trui.jpeg"
},
{
"name": "Overhemd",
"sizes": "S/M/L",
"price": "29,95",
"thumb": "overhemd.jpeg"
},
{
"name": "Grandad",
"sizes": "S/M/L",
"price": "19,95",
"thumb": "grandad.jpeg"
}
]
}
マイmodel.js:
Ext.regModel('Tops', {
fields: [
{name: 'name', type: 'string'},
{name: 'sizes', type: 'string'},
{name: 'price', type: 'string'},
{name: 'thumb', type: 'string'},
]
});
私store.js:
App.views.topwearstores = new Ext.data.Store({
model: 'Tops',
autoLoad: true,
proxy: {
type: 'ajax',
url: '/data/topwear_data.json',
reader: {
type: 'json',
root: 'data'
},
},
});
私view.js:
App.views.WishlistIndex = Ext.extend(Ext.Panel, {
layout: 'fit',
items: {
xtype: 'list',
itemTpl:
'<tpl for".">'+
'<div id="Catalog_Itemimage"><img class="Catalog_Image" src="res/images/kleding/dude/{thumb}" height="75px" width="75px"/></div>'+
'<div id="Catalog_info">'+
'<div id="Catalog_name">{name}</div>'+
'<div id="Catalog_price">€{price}</div>'+
'<div id="Catalog_sizes">Sizes: {sizes}</div>'+
'</div>'+
'</tpl>',
store: App.views.topwearstores,
singleSelect: true,
itemSelector: 'div.Catalog_Info',
},
});
Ext.reg('WishlistIndex', App.views.WishlistIndex);