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);