Sencha-touch 1.1: Получение Невозможно прочитать свойство 'length' of undefined

Question

Привет Я пытаюсь прочитать мои данные json, но он продолжает показывать экран загрузки. Я пытаюсь загрузить мои данные в список с картинками и некоторой информацией. Он работает со встроенными данными. Но когда я пытаюсь использовать JSON, он не работает.

Может кто-нибудь указать мне, что я сделал неправильно или забыл? Раньше я никогда не работал с 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); 

Answer 1

Я тоже новичок в этом вопросе, и у меня была длина неопределенной ошибки несколько раз.

Ваш код кажется прекрасным для меня, но одна вещь, которая вызвала это в моем проекте, заключалась в том, что ссылки на различные файлы были в неправильном порядке в index.html.