Question

我是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;
        } 
    }, 
},
});

GridPanel定义：

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();
    },

Answer 1

你有一个额外的尾随逗号，可能会妨碍：

displayInfo: false,

你也是如何管理窗户的？

ExtJS 4 PagingToolbar在后续页面加载时抛出dom错误

1 个答案: