ExtJs JSONStore loaddata方法只加载单个记录

ExtJs JSONStore loaddata method loading only single record

本文关键字：加载 单个 记录 方法 JSONStore loaddata ExtJs      更新时间：2023-09-26

我试图使用loadData方法在JSONStore中加载数据，但它只在存储中加载单个记录。下面是代码片段

var myRecord = Ext.data.Record.create([
    {
        name: 'Rid',
        type: 'string',
        mapping: 'id.value'
    }, {
        name: 'accountId',
        type: 'string',
        mapping: 'accountId.value'
    }, {
        name: 'nickName',
        type: 'string'
    }
]);
var myStore = new Ext.data.JsonStore({
        storeId: 'storeID',
        fields: myRecord,           
        root: 'recipientResponse',
        autoLoad: false
});
myStore.loadData(jsonResponse,true);

下面是我传递给loadData方法的JSON响应示例

{ recipientResponse: [
    {
        "id":{
            "value":"58144340bedf4a328669c98b29446b6b"
        },
        "locked":null,
        "accountId":{
            "type":null,
            "value":"1122334455"
        },
        "nickName":"Dad",
        "customerId":{
            "value":"partialpay7"
        },
        "accountType":"CHECKING", 
        "emailAddress":"blah@blah.com",
        "person":null,
        "deleted":null,
        "txPasscode":"Cho"
     },
     {
        "id":{
            "value":"5fb1e201a939433faea6c39e33caef78"
        },
        "locked":null,
        "accountId":{
            "type":null,
            "value":"6655223311"
        },
        "nickName":"Jane Doe",
        "customerId":{
            "value":"partialpay7"
        },
        "accountType":"CHECKING",
        "emailAddress":"blah@blah.com",
        "person":null,
        "deleted":null,
        "txPasscode":"Cho"
     },
     {
        "id":{
             "value":"a24b32fd180e4886b1f562d9a3b2f0ce"
        },
        "locked":null,
        "accountId":{
            "type":null,
            "value":"998877665544"
        },
        "nickName":"Sam Jones",
        "customerId":{
            "value":"partialpay7"
        },
        "accountType":"CHECKING",
        "emailAddress":"blah@blah.com",
        "person":null,
        "deleted":null,
        "txPasscode":"Cho"
     }
]}

谢谢

必须配置idProperty。

var myStore = new Ext.data.JsonStore({
    storeId: 'storeID',
    fields: myRecord,           
    root: 'recipientResponse',
    autoLoad: false,
    idProperty: 'Rid'
});

如果你不这样做，它默认为'id'，所以json阅读器使用你的整个对象{id: ...}作为id。最后，这些id被用作数据集合中的键，它们都被强制转换为相同的字符串，如"[object object]"。这是为什么。

jsonResponse是Object/Array还是String ?

这是一个字符串，尝试使用:

myStore.loadData(Ext.JSON.encode(jsonResponse),true);

Sencha: JSON Encode

请尝试使用loadRawData NOT loadData?

相关文章：