1

我正在使用 Ext JS 和 Rails 作为后端..我拥有具有父子关系的 mysql 数据库，即一对多关系...我想要一个可用于加载“GRID”的“单一”JSON 存储具有父子记录的数据..还有什么方法可以将两者绑定-表单和网格到同一个商店但具有不同的jsonreaders？即表单的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",
                "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
    }
4

2 回答 2

2

新的 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'));
            });
        });
    }
});
于 2011-04-28T04:45:41.850 回答
0

您可以使用覆盖默认渲染方法。为列定义渲染器方法。

renderer: function(value, metaData, record, rowIndex, colIndex, store) {
      // you can use record.get method to access the data you require
      return the_retrived_data;
 }

您需要使用mapping属性将 json 存储的字段映射到嵌套的 json。例如，如果您需要访问产品名称，您可以：

{name: 'productname', mapping: 'products.prodnm'}

您还可以使用数组表示法代替点运算符。例如："products['prodnm']"。

于 2011-04-21T07:21:26.450 回答