Введение
Я сталкиваюсь с проблемой проектирования приложений с классом Ext.data.Model в ExtJS. Я постараюсь развить свои идеи до очень распространенного сценария интернет-магазина, чтобы вы могли следовать за мной. Буду очень признателен за любые комментарии по поводу моих мыслей и выводов!
Модель
Предположим, вы хотите сопоставить тот факт, что " Каждый клиент может заказать несколько продуктов " в ExtJS. Из простых слов можно выделить эти три модели: Customer, Order и Product. Order в этом случае соединяет Customer и
Product s.
ассоциации
Я обнаружил, что ExtJS на самом деле позволяет вам определять это отношение (Customer)1-n(Order)1-n(Product), используя классы Ext.data.HasManyAssociation и Ext.data.BelongsToAssociation. Но это то, что вы хотите? Хотели бы вы, чтобы Product всегда принадлежало Order? Что, если вы хотите иметь список Product с без какого-либо подключения к Order с?
Магазины
Вот где он более специфичен для ExtJS. В ExtJS у вас есть Ext.data.Store s для хранения всех ваших данных. Для меня естественным способом организации моих данных является наличие Ext.data.Store для каждой из моих моделей:
CustomerStoreOrderStoreProductStore
Подумайте о наличии трех Ext.grid.Panel рядом; по одному на каждый магазин. При выборе клиента в одной сетке его заказы автоматически отображаются во второй сетке. При выборе заказа во второй сетке связанные продукты появляются в третьей сетке.
Это звучит нормально для вас? Если нет, пожалуйста, прокомментируйте!
Собираем все вместе
Итак, теперь у нас есть три вещи, которые нам нужно объединить:
- Модели и их
- Ассоциации (
hasMany, belongsTo) и
- Данные (
Store с)
Можно ли определить ассоциацию только с одной стороны отношения Модель-Модель? Например, могу ли я указать, что Order hasMany Product s, но не указывать, что Product belongsTo an Order? Потому что Product может на самом деле принадлежать более чем одному Order. Поэтому я указываю, что Product модель hasMany Order s ниже.
Вот модели в ExtJS:
Клиент
Ext.define('Customer', {
extend : 'Ext.data.Model',
requires : [
'Order',
],
fields : [
{name : 'id', type : 'int'},
{name : 'lastname', type : 'string'}
{name : 'firstname', type : 'string'}
],
hasMany: 'Order' /* Generates a orders() method on every Customer instance */
});
Заказать
Ext.define('Order', {
extend : 'Ext.data.Model',
fields : [
{name : 'id', type : 'int'},
{name : 'customer_id', type : 'int'}, /* refers to the customer that this order belongs to*/
{name : 'date', type : 'date'}
],
belongsTo: 'Customer', /* Generates a getCustomer method on every Order instance */
hasMany: 'Product' /* Generates a products() method on every Order instance */
});
Продукт
Ext.define('Product', {
extend : 'Ext.data.Model',
fields : [
{name : 'id', type : 'int'},
{name : 'name', type : 'string'},
{name : 'description', type : 'string'},
{name : 'price', type : 'float'}
],
/*
I don't specify the relation to the "Order" model here
because it simply doesn't belong here.
Will it still work?
*/
hasMany: 'Order'
});
А вот и магазины:
CustomerStore
Ext.define('CustomerStore', {
extend : 'Ext.data.Store',
storeId : 'CustomerStore',
model : 'Customer',
proxy : {
type : 'ajax',
url : 'data/customers.json',
reader : {
type : 'json',
root : 'items',
totalProperty : 'total'
}
}
});
OrderStore
Ext.define('OrderStore', {
extend : 'Ext.data.Store',
storeId : 'OrderStore',
model : 'Order',
proxy : {
type : 'ajax',
url : 'data/orders.json',
reader : {
type : 'json',
root : 'items',
totalProperty : 'total'
}
}
});
ProductStore
Ext.define('ProductStore', {
extend : 'Ext.data.Store',
storeId : 'ProductStore',
model : 'Product',
proxy : {
type : 'ajax',
url : 'data/products.json',
reader : {
type : 'json',
root : 'items',
totalProperty : 'total'
}
}
});
Вот пример (не мной) с компаниями и их продуктами http://superdit.com/2011/05/23/extjs-load-grid-from-another-grid/. Он использует две модели и два магазина, но нет никаких ассоциаций, определяющих.
Заранее спасибо
-Konrad