Question

这是我服务器的json响应，

   {"class":"co.myapp.json.WsResponse","code":0,"message":"SUCCESS",
        "packet":
        {"class":"co.myapp.json.MyWantPacket","fullname":"Viswa","imageURI":"images/1.png","userid":1,"username":"viswa11","wantSuggestion":"learn guitar",
        "wants":[{
            "class" : "co.myapp.json.MyWant",
            "id" : 2,
            "replyCount" : 0,
            "text" : "Message 2",
            "time" : "Oct 3, 2012 - 14:59:02"
        }, {
            "class" : "co.myapp.json.MyWant",
            "id" : 1,
            "replyCount" : 2,
            "text" : "Message 1",
            "time" : "Oct 3, 2012 - 14:59:02"
        }]
    }}

我需要来自jsone上面的fullname，imageuri，replayCount和文本，

*这是我的模特

Ext.define('myApp.model.Wants', {
    extend : 'Ext.data.Model',
    config : {

        fields : [
            { name : 'id', type : 'int'},
            { name : 'replyCount', type : 'int'},
            { name : 'text',type : 'string'},
                    { name : 'wants',type : 'string'},
                    { name : 'fullname',type : 'string'},
                    { name : 'imageURI',type : 'string'}
            { name : 'time', type : 'string',dateFormat : 'D'}
        ]
    }
});

*这是我的商店

Ext.define('myApp.store.WantsStore', {
    extend : 'Ext.data.Store',
    config : {
        model : 'myApp.model.Wants',
        proxy : {
            type : 'ajax',
             url : http://127.0.0.1:8080/myapp/message/mwants?token=2143cede2ab147e6bc1cd5c7caa14792
            reader : {
                type : 'json',
                rootProperty : 'packet'
            }
        },
        sorters : [{
            property : 'time',
            direction : 'DESC'
        }]
    }
});

* 这是我的DataViewList（查看）

Ext.define('myApp.view.WantsList', {
    extend : 'Ext.List',
    xtype : 'wantslist',
    config : {
        itemCls : 'my-dataview-item',
        loadingText : 'Loading items...',
        emptyText : '<div class="notes-list-empty-text">No Wants found.</div>',
        itemTpl : '<div><img src="{imageURI}"/><span class="list-item-title">{fullname}</span><span id="count" class="list-item-title">{replyCount}</span><p class="list-item-title">{text} <span id="time" class="list-item-title">{time}' 
        + '</span></p>'
    }
});

如何更改模型，存储和查看** ，以便我可以在DataViewList中显示fullname，imageuri，replayCount和文本。< / p>

我也希望显示像

这样的列表

image fullname replayCount文本时间（这是列表中的1项）

image fullname replayCount文本时间（这是列表中的2项）

image fullname replayCount文本时间（这是列表中的3项）

image fullname replayCount文本时间（这是列表中的4项）

........

Answer 1

我认为你已经正确配置了你的clasess，但你在JSon中的数据包属性必须是一个数组，否则你只能在你的商店中有一个记录。我的意思是：

{"class": "co.myapp.json.WsResponse",
  "code":0,
  "message":"SUCCESS",
  "packet": [{
      "class":"co.myapp.json.MyWantPacket",
      "fullname":"Viswa",
      "imageURI":"images/1.png",
...

请参阅[在数据包对象的开头。

如何在Sencha中为服务器的Json响应编写模型和存储

我也希望显示像

1 个答案: