Extjs - 单个Json商店可能吗?

时间:2011-04-23 05:35:02

标签: extjs jsonstore

我正在使用带有rails 3.0.6的ExtJS。 我有一个表单和一个网格面板。例如,表单包含客户详细信息,网格包含特定客户购买的产品详细信息(一对多)。

有人可以建议如何将整个数据(表格+网格)作为单个json商店而不是2个json商店发送?

提前致谢!

1 个答案:

答案 0 :(得分:0)

新的Ext JS 4具有可以解决问题的模型关联(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'
});

调用user.orders()会返回使用Orders模型配置的Store,因为User模型定义了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'));
            });
        });
    }
});