ExtJS 中的 getStore() 返回未定义
getStore() in ExtJS returning undefined
我已经阅读了很多其他有同样问题的帖子,但 none 似乎给了我解决问题所需的答案。
我将我的数据存储定义如下:
Ext.define('TestApp.store.tbData', {
extend: 'Ext.data.Store',
alias: 'store.tbData',
storeId: 'tbData',
fields: [
'name', 'number', 'key', 'priority'
],
data: {
items: [
{name: 'a', number: 'b', key: 'c', priority: 'd'}
]
},
proxy: {
type: 'memory',
reader: {
type: 'json',
rootProperty: 'items'
}
}
});
那我也有我的主要看法:
Ext.define('TestApp.Templates.tbTemplate', {
extend: 'Ext.window.Window',
alias: 'tbTemplate',
itemId: 'tbWindow',
viewModel: {
type: 'test'
},
requires: [
'TestApp.Controllers.tbController',
'TestApp.store.tbData',
'TestApp.Controllers.dateTimeController'
],
controller: 'tbTemplate',
autoShow: true,
height: 600,
width: 600,
constrainHeader: true,
title: 'tb',
items: [
{
xtype: 'gridpanel',
store: {
type: 'tbData'
},
columns: [
{
xtype: 'gridcolumn',
dataIndex: 'name',
text: 'Name'
},
{
xtype: 'gridcolumn',
dataIndex: 'number',
text: 'Number'
},
{
xtype: 'gridcolumn',
dataIndex: 'key',
text: 'Key'
},
{
xtype: 'gridcolumn',
dataIndex: 'priority',
text: 'Priority'
}
]
}
]
});
其中有控制器:
Ext.define('TestApp.Controllers.tbController', {
extend: 'Ext.app.ViewController',
singleton: true,
alias: 'controller.tbTemplate',
config:{stores: ['tbData'],},
requires: [
'TestApp.store.tbData'
],
windowOpened: function () {
console.log(Ext.getStore('tbData'));
}
});
在控制器中,当我调用 windowOpened 函数时,我正在尝试获取数据存储,因此最终我可以动态地向其中添加更多行数据。我可以显示我放在行中的测试数据,但我似乎无法按照我尝试的方式连接到数据存储。任何关于它返回未定义的原因以及如何解决它的帮助将不胜感激。
我尝试使用
将它添加到我的Application.js文件夹中
stores: ['TestApp.store.tbData']
也没有运气。
谢谢。
实际上我不熟悉 extjs 6,但我阅读了您的代码,但我不明白如何将您的 window 打开事件绑定到控制器功能。所以我在 fiddle 上尝试了你的代码,但没有成功。所以我阅读了一些关于如何绑定它的文档。这是我对您的代码所做的修改,它似乎有效。
您可以在 windowOpened 内尝试以下操作:
var store = Ext.StoreManager.lookup('tbData');
console.log(store);
或
var store = this.getViewModel().getStore('tbData');
console.log(store);
我已经阅读了很多其他有同样问题的帖子,但 none 似乎给了我解决问题所需的答案。
我将我的数据存储定义如下:
Ext.define('TestApp.store.tbData', {
extend: 'Ext.data.Store',
alias: 'store.tbData',
storeId: 'tbData',
fields: [
'name', 'number', 'key', 'priority'
],
data: {
items: [
{name: 'a', number: 'b', key: 'c', priority: 'd'}
]
},
proxy: {
type: 'memory',
reader: {
type: 'json',
rootProperty: 'items'
}
}
});
那我也有我的主要看法:
Ext.define('TestApp.Templates.tbTemplate', {
extend: 'Ext.window.Window',
alias: 'tbTemplate',
itemId: 'tbWindow',
viewModel: {
type: 'test'
},
requires: [
'TestApp.Controllers.tbController',
'TestApp.store.tbData',
'TestApp.Controllers.dateTimeController'
],
controller: 'tbTemplate',
autoShow: true,
height: 600,
width: 600,
constrainHeader: true,
title: 'tb',
items: [
{
xtype: 'gridpanel',
store: {
type: 'tbData'
},
columns: [
{
xtype: 'gridcolumn',
dataIndex: 'name',
text: 'Name'
},
{
xtype: 'gridcolumn',
dataIndex: 'number',
text: 'Number'
},
{
xtype: 'gridcolumn',
dataIndex: 'key',
text: 'Key'
},
{
xtype: 'gridcolumn',
dataIndex: 'priority',
text: 'Priority'
}
]
}
]
});
其中有控制器:
Ext.define('TestApp.Controllers.tbController', {
extend: 'Ext.app.ViewController',
singleton: true,
alias: 'controller.tbTemplate',
config:{stores: ['tbData'],},
requires: [
'TestApp.store.tbData'
],
windowOpened: function () {
console.log(Ext.getStore('tbData'));
}
});
在控制器中,当我调用 windowOpened 函数时,我正在尝试获取数据存储,因此最终我可以动态地向其中添加更多行数据。我可以显示我放在行中的测试数据,但我似乎无法按照我尝试的方式连接到数据存储。任何关于它返回未定义的原因以及如何解决它的帮助将不胜感激。
我尝试使用
将它添加到我的Application.js文件夹中stores: ['TestApp.store.tbData']
也没有运气。
谢谢。
实际上我不熟悉 extjs 6,但我阅读了您的代码,但我不明白如何将您的 window 打开事件绑定到控制器功能。所以我在 fiddle 上尝试了你的代码,但没有成功。所以我阅读了一些关于如何绑定它的文档。这是我对您的代码所做的修改,它似乎有效。
您可以在 windowOpened 内尝试以下操作:
var store = Ext.StoreManager.lookup('tbData');
console.log(store);
或
var store = this.getViewModel().getStore('tbData');
console.log(store);