2011-11-15 8 views
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">&#8364;{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); 

答えて

1

私はこれも新しく、定義されていないエラーの長さが数回ありました。

あなたのコードは問題ないようですが、私のプロジェクトでこれを引き起こした原因の1つは、さまざまなファイルへの参照がindex.htmlのの間違った注文です。

関連する問題