私は ExtJS にかなり慣れていませんが、関連付けられたページング ツールバーを使用して GridPanel を動作させることができました。ポップアップウィンドウを閉じて別のウィンドウを開くまで、すべて正常に動作します。その後のウィンドウの読み込みで、「me.dom is undefined」エラーが発生します。ページング ツールバーを削除すると、すべて正常に動作します。バージョン 4.0.7 を使用しています。
前もって感謝します。
店の定義:
Ext.define('VIMS.store.TOs',{
extend:'Ext.data.Store',
model:'VIMS.model.TO',
requires: 'VIMS.model.TO',
sorter:{property:'StartDate', direction:'DESC'},
buffered: true,
pageSize: 10,
listeners:{
beforeload: function(store,options) {
if(options.params && options.params.id){
store.getProxy().extraParams.id = options.params.id;
}
},
},
});
グリッドパネルの定義:
Ext.define('VIMS.view.TaskOrderList' ,{
extend: 'Ext.grid.Panel',
alias : 'widget.taskorderlist',
title : 'Task Orders',
store: 'TOs',
requires:'Ext.toolbar.Paging',
height:'100%',
columnLines:true,
/* removed this code ---------------------------------------
dockedItems :[{
xtype: 'pagingtoolbar',
store: 'TOs', // same store GridPanel is using
pageSize:10,
dock: 'bottom',
displayInfo: false,}],
-------------------------------------------- */
initComponent: function() {
this.columns = [
{header: 'Description', dataIndex: 'Description', flex: 1},
. . .
{header: 'Id', dataIndex: 'TaskOrderId', hidden:true},
];
// added from here ---------------------------------
var PagingBar = new Ext.PagingToolbar({
pageSize: 10,
store: 'TOs',
displayInfo: true,
});
this.bbar = PagingBar;
// to here ---------------------------------------
this.callParent(arguments);
}
});
ウィンドウを開くには、コントローラーから次を使用します。
var view = Ext.widget('contractedit');
view.modal = true;
view.down('form').loadRecord(record);
クローズは次の方法で処理されます。
closeMe: function(button) {
var win = button.up('window');
win.close();
},