json - 使用 json 为 List 加载存储

Question

这是我使用 Sencha touch2 的列表代码，我有一个休息服务，我需要能够为我的列表视图加载我的商店。跟随

var tab= Ext.create('Ext.List', {
                                width: 320,
                                height: 290,
                                store: {
                                fields: ['ext_xtype','imgURL','arimg'],
                                data: [{
                                       ext_xtype: 'Harry Potter 4',
                                       imgURL:'bo.png',
                                       arimg:'arrow.png'
                                       },{
                                       ext_xtype: 'Iphone5 64gb',
                                       imgURL:'mo.png',
                                       arimg:'arrow.png'
                                       },{
                                       ext_xtype: 'Hill Figure',
                                       imgURL:'wa.png',
                                       arimg:'arrow.png'
                                       }]
                                }, 
                                itemTpl: '<img src="{imgURL}" width="35" heigh="35"></img><span>&nbsp&nbsp&nbsp{ext_xtype}<img src="{arimg}" width="25" height="25" align="right"></img>'
                                });

我已经尝试了以下链接Sencha with proxy quest但无法继续进行。这里是其余的 JSON 方法。

 Method: GET
 URL:  http://117.218.59.157:8080/WishList/ShowItems/userID=?

我应该如何导入 json 以加载到 LIST

＃编辑

 var tab= Ext.create('Ext.List', {
                                width: 320,
                                height: 290,
                                //ui: 'round',
                                store: {
                                proxy: {
                                type: 'ajax',
                                url: 'http://117.218.59.157:8080/WishList/ShowItems/userID=1',
                                reader: {
                                type: 'json'
                                }
                                }
                                fields: [
                                         { imgURL: 'itemID' },
                                         { ext_xtype: 'itemName'},
                                         { arimg: 'itemImage'},
                                         ],
                                },
                                itemTpl: '<img src="{imgURL}" width="35" heigh="35"></img><span>&nbsp&nbsp&nbsp{ext_xtype}<img src="{arimg}" width="25" height="25" align="right"></img>'
                                });

Answer 1

你忘了设置root和idPropertyJSON 阅读器！它应该如下所示：

  proxy: {
  type: 'ajax',
  url: 'http://117.218.59.157:8080/WishList/ShowItems/userID=1',
  method: 'GET'
},
reader: {
  type: 'json',
  root: 'items',
  idProperty: 'itemID'
}

此外，您的 JSON 数据应如下所示：

{"items": 
  [{
    "itemID": "1",  
    "errorMsg": "",  
    "itemName": "Airplane",  
    "itemDesc": "Model NEW 2003"
   },
   {
    "itemID": "2",  
    "errorMsg": "",  
    "itemName": "Bike",  
    "itemDesc": "Model NEW 2003"
   }
  ]
}