extjs вложенные рельсы магазина json - PullRequest
1 голос
/ 21 апреля 2011

я работаю с Ext JS & Rails в качестве бэкэнда .. у меня есть база данных myysql, которая имеет отношение родитель-потомок, то есть отношение 1-ко-многим ... Я хочу "одно" хранилище JSON, которое можно использовать для загрузкиДанные "GRID" с родительскими и дочерними записями. Также есть ли способ связать и форму, и сетку с одним и тем же хранилищем, но с разными jsonreaders?то есть, читатель формы будет читать строку с root: 'customer' , а 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
    }

Ответы [ 2 ]

2 голосов
/ 28 апреля 2011

Новый 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 () возвращает Store, сконфигурированный с моделью Orders, потому что модель 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'));
            });
        });
    }
});
0 голосов
/ 21 апреля 2011

Вы можете использовать переопределить метод рендеринга по умолчанию.Определите метод визуализации для столбца.

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']".

...