我正在尝试绘制一个网格，其中每条线都是股票一天的表现。在我的数据结构中，我有一个Date、一个Stock和一个Stock Price资源。连接到我的网格的商店就是Stock Price商店。
所以，据我所知，我最大的问题是，当网格单元渲染时，我需要已经有了值，或者我需要有一个阻塞函数来获取一个值。
当我使用getStore()魔法功能时，我被告知记录不知道它（未定义的方法）。我假设这是因为该记录没有与独立模型相同的功能。
我看到了一些方法：
- 自定义网格和/或存储，以便在发生加载时，同时加载所有相关行。
- 在渲染器中创建回调，然后更改单元格值，但我不确定如何执行此操作。我实际上不想更改单元格值 (
StockId)，只是更改可见输出 (Symbol)。 - 更改我的 API 以匹配我的视图。
总结一下：#1 对于一个看似简单的结果似乎需要做很多工作。我一直在尝试使用这些关联，但我发现它们除了对这里和那里的小事之外没有任何用处，当然也对大量数据没有用。#2 我现在不知道从哪里开始；并且#3 似乎是巨大的矫枉过正，并且通常会破坏我的服务器端，因为我的意思是更多的连接，并且在保存记录时也更加复杂。
所以，两部分问题：
- 有谁知道如何从网格中的关联模型加载值？
- 如果不是，为了激起我的好奇心，在屏幕上有大量数据需要处理的任何情况下，关联是用来做什么的？大量数据似乎是使用 Ext vs jQueryUI 或其他一些 UI 框架的原因，所以我想知道这些关联是做什么用的。
模型 - 股票价格
Ext.define('MyApp.model.StockPrice', {
extend : 'Ext.data.Model',
idProperty : 'StockPriceId',
fields : [ {
name : 'StockId',
type : 'int'
}, {
name : 'Open',
type : 'float'
}, {
name : 'Close',
type : 'float'
}, {
name : 'DateId',
type : 'date'
}],
proxy : {
type : 'rest',
url : '/api/stock.price'
},
reader : {
type : 'json'
},
associations : [ {
type : 'hasOne',
model : 'MyApp.model.Date',
primaryKey : 'DateId',
foreignKey: 'DateId'
},{
type : 'hasOne',
model : 'MyApp.model.Stock',
primaryKey : 'StockId',
foreignKey : 'StockId'
} ]
});
型号 - 库存
Ext.define('MyApp.model.Stock', {
extend : 'Ext.data.Model',
idProperty : 'StockId',
fields : [ {
name : 'StockId',
type : 'int'
}, {
name : 'Symbol',
type : 'string'
} ],
proxy : {
type : 'rest',
url : '/api/stock'
},
reader : {
type : 'json'
},
associations : [ {
type : 'hasMany',
model : 'MyApp.model.StockPick',
primaryKey : 'StockId',
foreignKey : 'StockId'
}]
});
型号 - 日期
Ext.define('MyApp.model.Date', {
extend : 'Ext.data.Model',
fields : [ 'DateId', 'Date' ]
});
商店 - 股票价格
Ext.define('MyApp.store.StockPrice', {
extend : 'Ext.data.Store',
model : 'MyApp.model.StockPrice',
remoteSort : true,
remoteFilter : true,
pageSize : 5,
autoLoad : true
});
查看 - 股票价格
Ext.define('MyApp.panel.StockData', {
extend : 'Ext.grid.Panel',
store : 'MyApp.store.StockPrice',
columns : [
{
text : 'Symbol',
flex : 1,
sortable : false,
hideable : false,
dataIndex : 'StockId',
renderer : function(stockId, metadata, stockPriceRecord) {
// What goes in here? PROBLEM POINT
MyApp.model.Stock.load(stockId, function() {
// ... some callback
});
// OR
return stockPriceRecord.getStock().get('Symbol');
}
},
{
text : 'Open',
flex : 1,
dataIndex : 'Open',
renderer : 'usMoney'
},
{
text : 'Close',
flex : 1,
dataIndex : 'Close',
renderer : 'usMoney'
},
{
text : 'Volume',
flex : 1,
dataIndex : 'Volume'
}]
});