jsonファイルをSencha Touchにロードするにはどうすればよいですか？

Question

json-fileをリストにロードしようとしています。誰かが私が間違っているのを見ることができますか？私は間違いがない。

Data.js：

Ext.regModel('Contact', { 
    fields: ['bandName', 'playDate'] 
}); 

ListDemo.ListStore = new Ext.data.Store({ 
    model: 'Contact', 
    sorters: 'bandName', 
    getGroupString : function(record) { 
     return record.get('bandName')[0]; 
    }, 

    /*data: [ 
     { bandName: "Bandname",  playDate: "Thursday 20:00" } 
    ]*/ 

    proxy: { 
     type: 'scripttag', 
     url: 'http://domain.com/artists.json', 
     reader : { 
      type : 'json', 
     }, 
     autoLoad: true 
    } 
}); 

Index.js：

ListDemo =新しいExt.Application（{ 名： "ListDemo"、

launch: function() { 

    ListDemo.detailPanel = new Ext.Panel({ 
     id: 'detailpanel', 
     tpl: 'Hello, {bandName}!', 
     dockedItems: [ 
      { 
       xtype: 'toolbar', 
       items: [{ 
        text: 'back', 
        ui: 'back', 
        handler: function() { 
         ListDemo.Viewport.setActiveItem('disclosurelist', {type:'slide', direction:'right'}); 
        } 
       }] 
      } 
     ] 
    }); 

    ListDemo.listPanel = new Ext.List({ 
     id: 'disclosurelist', 
     store: ListDemo.ListStore, 
     itemTpl: '<div class="contact">{bandName}<br /><span style="font-size:12px;">{playDate}</span></div>', 
     grouped: true, 
     onItemDisclosure: function(record, btn, index) { 
      ListDemo.detailPanel.update(record.data); 
      ListDemo.Viewport.setActiveItem('detailpanel'); 
     } 
    }); 

    ListDemo.Viewport = new Ext.Panel ({ 
     fullscreen: true, 
     layout: 'card', 
     cardSwitchAnimation: 'slide', 
     items: [ListDemo.listPanel, ListDemo.detailPanel] 
    }); 

} 
}); 

私のJSONファイル：

[ 
    { "id": 1, "bandName": "Moe", "playDate": "Thursday" }, 
    { "id": 2, "bandName": "Larry", "playDate": "Thursday" }, 
    { "id": 3, "bandName": "Curly", "playDate": "Thursday" }  
] 

誰も私が間違っているのを見ることができますか？

Answer 1

JSONファイルは配列形式です。この配列を持つノードを値として追加し、Sencha Touchファイル内の（プロキシの）データノードをこのノードに設定します。次のように JSONはなります

"data": [ 
    { "id": 1, "bandName": "Moe", "playDate": "Thursday" }, 
    { "id": 2, "bandName": "Larry", "playDate": "Thursday" }, 
    { "id": 3, "bandName": "Curly", "playDate": "Thursday" }  
] 

Answer 2

あなたはあなたのコードをデバッグするためにクロムブラウズとChromeデベロッパーツールを使用する必要があります。あなたのjsonファイルは正しいです。