extjs嵌套json存储栏 [英] extjs nested json store rails

问题描述

我正在与Ext JS& Rails作为后端...我有myysql数据库具有父子关系，即1对多关系...我想要一个单JSON存储，可以用来加载GRID数据与父&孩子记录..
还有什么办法绑定两者 - 窗体和网格到同一个商店，但有不同的jsonreaders？即form的datareader将使用 root：'customers'读取字符串，grid将使用 root：'products'读取字符串？
JSON看起来像这样：

  {
customers：[{
 amt：8000，
custnm：rashmi，
id：2，
purdt：2011-04-27，
products ：[{
amt：40，
customer_id：2，
id：3，
prodnm：oil，
数量：1，
rate：40 
}] 
}，{
amt：300000，
custnm：bhumika，
id：3，
purdt：2011-04-14，
products：[{
amt：40，
 customer_id：3，
id：1，
prodnm：soap，
qty：20000，
rate：20 
 }，{
amt：150，
customer_id：3，
id：2，
 prodnm：shampoo，
qty：3000，
rate：50 
}，{
amt：null，
customer_id ：3，
id：14，
prodnm：aa，
qty：2，
rate：null 
} ] 
}，{
amt：15000，
custnm：Shruti，
id：13，
purdt：2011 -04-08，
products：[] 
}，{
amt：200000，
custnm：Jayesh，
 id：14，
purdt：2011-03-31，
products：[] 
}，{
amt：220000，
custnm：SHRUTI，
id：15，
purdt：2011-04-06，
products：[] 
 }，{
amt：10000，
custnm：RASHMI，
 id：24，
purdt：2011-04-06，
products：[] 
}]，
results：6 
} 
  

解决方案

新的Ext JS 4有模型关联这将解决问题（ http://docs.sencha.com/ext -js / 4-0 / guide / data ）

  //每个用户都有很多订单
 Ext .define（'User'，{
 extends：'Ext.data.Model'，
 fields：['id'，'name'，'email']，
 proxy：{
类型：'rest'，
 url：'/ users'，
 reader：'json'
}，
 
 hasMany：'Orders'
}）; 
 
 //每个订单属于一个用户，并有多个OrderItems 
 Ext.define（'Order'，{
 extends：'Ext.data.Model'，
字段：['id'，'user_id'，'status']，
 belongsTo：'User'，
 hasMany：'OrderItems'
}）; 
 
 //每个OrderItem属于一个订单
 Ext.define（'OrderItem'，{
 extends：'Ext.data.Model'，
 fields：[' id'，'order_id'，'name'，'description'，'price'，'quantity']，
 belongsTo：'Order'
}）; 
  

调用user.orders（）返回一个使用Orders模型配置的商店，因为User模型定义了关联hasMany：'Orders'。

  User.load（123，{
 success：function（user）{ 
 //我们可以使用关联API轻松地迭代订单
 user.orders（）。each（function（order）{
 console.log（order.get（'status'） ）; 
 
 //我们甚至可以迭代每个Order的OrderItems：
 order.orderItems（）。each（function（orderItem）{
 console.log（orderItem.get 'title'））; 
}）; 
}）; 
} 
}）; 
  

i am working with Ext JS & Rails as backend..i am having myysql database that has parent-child relationship i.e. 1-to-many relationship...I want a "single" JSON store that can be used to load "GRID" data with parent & child records.. Also is there any way to bind both - the form as well as the grid to the same store but having different jsonreaders? i.e. form's datareader would read the string with root: 'customers' and grid will read the string with root :'products'? The JSON looks like this :

{
        "customers": [{
            "amt": 8000,
            "custnm": "rashmi",
            "id": 2,
            "purdt": "2011-04-27",
            "products": [{
                "amt": 40,
                "customer_id": 2,
                "id": 3,
                "prodnm": "oil",
                "qty": 1,
                "rate": 40
            }]
        }, {
            "amt": 300000,
            "custnm": "bhumika",
            "id": 3,
            "purdt": "2011-04-14",
            "products": [{
                "amt": 40,
                "customer_id": 3,
                "id": 1,
                "prodnm": "soap",
                "qty": 20000,
                "rate": 20
            }, {
                "amt": 150,
                "customer_id": 3,
                "id": 2,
                "prodnm": "shampoo",
                "qty": 3000,
                "rate": 50
            }, {
                "amt": null,
                "customer_id": 3,
                "id": 14,
                "prodnm": "aa",
                "qty": 2,
                "rate": null
            }]
        }, {
            "amt": 15000,
            "custnm": "Shruti",
            "id": 13,
            "purdt": "2011-04-08",
            "products": []
        }, {
            "amt": 200000,
            "custnm": "Jayesh",
            "id": 14,
            "purdt": "2011-03-31",
            "products": []
        }, {
            "amt": 220000,
            "custnm": "SHRUTI",
            "id": 15,
            "purdt": "2011-04-06",
            "products": []
        }, {
            "amt": 10000,
            "custnm": "RASHMI",
            "id": 24,
            "purdt": "2011-04-06",
            "products": []
        }],
        "results": 6
    }

解决方案

The new Ext JS 4 has Model associations which will solve the problem (http://docs.sencha.com/ext-js/4-0/guide/data)

// each User hasMany Orders
Ext.define('User', {
    extend: 'Ext.data.Model',
    fields: ['id', 'name', 'email'],
    proxy : {
        type: 'rest',
        url : '/users',
        reader: 'json'
    },

    hasMany: 'Orders'
});

// each Order belongsTo a User, and hasMany OrderItems
Ext.define('Order', {
    extend: 'Ext.data.Model',
    fields: ['id', 'user_id', 'status'],
    belongsTo: 'User',
    hasMany: 'OrderItems'
});

// each OrderItem belongsTo an Order
Ext.define('OrderItem', {
    extend: 'Ext.data.Model',
    fields: ['id', 'order_id', 'name', 'description', 'price', 'quantity'],
    belongsTo: 'Order'
});

Calling user.orders() returns a Store configured with the Orders model, because the User model defined an association of hasMany: 'Orders'.

User.load(123, {
    success: function(user) {
        //we can iterate over the orders easily using the Associations API
        user.orders().each(function(order) {
            console.log(order.get('status'));

            //we can even iterate over each Order's OrderItems:
            order.orderItems().each(function(orderItem) {
                console.log(orderItem.get('title'));
            });
        });
    }
});

这篇关于extjs嵌套json存储栏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！