我有一个非常简单的程序,我尝试将商店连接到Ext.panel.Grid。 我似乎无法在我的 Main.js 调用中获取 Ext.data.StoreManager.lookup() 以返回除"未定义"以外的任何内容。 Ext.create('LeaveRequestGrid.store.LeaveRequestStore')似乎可以工作(有一些警告),但我想知道这样做的正确方法是什么。
离开请求存储.js:
Ext.define('LeaveRequestGrid.store.LeaveRequestStore', {
extend: 'Ext.data.Store',
storeId: 'leaveRequestStore',
autoLoad: true,
fields: [
'dateCreated',
'startDate',
'endDate',
'leaveType',
'totalHours',
'approver',
'status'
],
data: {
'leaveRequest' : [
{
'dateCreated': '12/01/2013' ,
'startDate' : '01/01/2014',
'endDate' : '01/02/2014' ,
'leaveType' : 'Paid Admin Leave' ,
'totalHours' : 16 ,
'approver' : 'John Smith' ,
'status' : 'Pending'
},
{
'dateCreated': '01/01/2014' ,
'startDate' : '02/01/2014',
'endDate' : '02/02/2014' ,
'leaveType' : 'Vacation' ,
'totalHours' : 16 ,
'approver' : 'John Smith' ,
'status' : 'Pending'
},
{
'dateCreated': '02/01/2013' ,
'startDate' : '03/01/2014',
'endDate' : '03/02/2014' ,
'leaveType' : 'Paid Time Off' ,
'totalHours' : 16 ,
'approver' : 'John Smith' ,
'status' : 'Pending'
}
]
},
proxy: {
type: 'memory',
reader: {
type: 'json',
root: 'leaveRequest'
}
}
})
主.js:
Ext.define('LeaveRequestGrid.view.Main', {
extend: 'Ext.container.Container',
requires:[
'Ext.grid.Panel',
'LeaveRequestGrid.store.LeaveRequestStore'
],
xtype: 'app-main',
layout: {
type: 'fit'
},
items: [
{
xtype: 'grid',
title: '<div style="text-align:center">Leave Requests</div>',
//store: Ext.create('LeaveRequestGrid.store.LeaveRequestStore'),
store: Ext.data.StoreManager.lookup('leaveRequestStore'),
columns: [
{text: 'Date Created', dataIndex: 'dateCreated', flex: 1},
{text: 'Start Date', dataIndex: 'startDate', flex: 1},
{text: 'End Date', dataIndex: 'endDate', flex: 1},
{text: 'Leave Type', dataIndex: 'leaveType', flex: 1},
{text: 'Total Hours', dataIndex: 'totalHours', flex: 1},
{text: 'Approver', dataIndex: 'approver', flex: 1},
{text: 'Status', dataIndex: 'status', flex: 1}
]
}
]
});
我想通了。
您在 Application.js
中定义您的stores: ['LeaveRequestStore']
。 然后,在Main.js
(或您的gridpanel
所在的任何文件中),您只需说store: 'LeaveRequestStore'
。 就是这样。 引用 store
属性中的存储时,无需调用Ext.getStore('LeaveRequestStore')
或Ext.data.StoreManager.lookup('LeaveRequestStore').
。