用于嵌套JSON结构的Extjs Model

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用于嵌套JSON结构的Extjs Model相关的知识,希望对你有一定的参考价值。

请考虑以下JSON结构

{
        "id": 123,
        "name": "Ed",
        "orders": [
            {
                "id": 50,
                "total": 100,
                "order_items": [
                    {
                        "id": 20,
                        "price": 40,
                        "quantity": 2,
                        "product": {
                            "id": 1000,
                            "name": "MacBook Pro"
                        }
                    },
                    {
                        "id": 21,
                        "price": 20,
                        "quantity": 3,
                        "product": {
                            "id": 1001,
                            "name": "iPhone"
                        }
                    }
                ]
            }
        ]
    }

这是我的模特

Ext.define("User", {
    extend: 'Ext.data.Model',
    fields: [
        'id', 'name'
    ],

    hasMany: {model: 'Order', name: 'orders', associationKey: 'orders'}
});

Ext.define("Order", {
    extend: 'Ext.data.Model',
    fields: [
        'id', 'total'
    ],

    hasMany  : {model: 'OrderItem', name: 'orderItems', associationKey: 'order_items'}
});

Ext.define("OrderItem", {
    extend: 'Ext.data.Model',
    fields: [
        'id', 'price', 'quantity'
    ],
    hasOne : {
        model: 'Product', 
        name: 'product', 
        associationKey: 'product'
    }
});

Ext.define("Product", {
    extend: 'Ext.data.Model',
    fields: [
        'id', 'name'
    ]
});

当我在商店中加载数据然后检查商店记录时,我看到了这一点

enter image description here

我没有收到订单及其中的内容。我定义模型的方式肯定有问题,但我似乎无法弄明白。提前致谢。

更新这是我的商店以及我如何加载数据

Ext.define('Company.store.TestOrders', {
    extend: 'Ext.data.Store',
    alias: 'store.testorders',
    model: 'User',
    data:[
    {
        "id": 123,
        "name": "Ed",
        "orders": [
            {
                "id": 50,
                "total": 100,
                "order_items": [
                    {
                        "id": 20,
                        "price": 40,
                        "quantity": 2,
                        "product": {
                            "id": 1000,
                            "name": "MacBook Pro"
                        }
                    },
                    {
                        "id": 21,
                        "price": 20,
                        "quantity": 3,
                        "product": {
                            "id": 1001,
                            "name": "iPhone"
                        }
                    }
                ]
            }
        ]
    }],
    storeId: 'TestOrders',
    proxy: {
        type: 'memory'
    }
});

然后我通过使用查看数据

Ext.getStores('TestOrders').getAt(0);
答案

也许您正在寻找从用户商店获取订单和订购商品的方法?

您可以使用方法record.orders()从用户记录中获取订单。订单收集记录中的订单商品相同:order_record.order_items()

检查这个example on fiddle

以上是关于用于嵌套JSON结构的Extjs Model的主要内容,如果未能解决你的问题,请参考以下文章

ExtJS 4.1 - 检索嵌套 JSON 的 hasOne 信息

extjs 嵌套 json

如何处理常见的JSON嵌套结构

EXTJS 4 嵌套 json 数组数据到网格面板

如何在 Extjs 4 中使用嵌套的 JSON 填充表单

ExtJS 在网格中加载嵌套的 JSON 数据