Question

4.2），当我在使用代理（ajax）的网格上管理工具栏时，我遇到了一些问题。

 this.grid  = new Ext.create('Ext.grid.Panel',{
            region      : 'center',
            loadMask    : true,
            layout      : 'fit',
            store       : 'Contenedores',

            tbar: [
                   { text: 'Exportar Excel' },
                   '->',
                   { text:'Buscar',     handler: this.buscar,   scope: this},
                   '-',
                   { text:'Limpiar',    handler: this.limpiar,  scope: this}
            ],
            columns : [],

            bbar : new Ext.create('Ext.toolbar.Paging',{
                store: 'Contenedores', displayInfo: true,
                displayMsg  : 'Registros {0} - {1} de {2}',
                emptyMsg    : 'No hay registros'
            })
        });

我遇到的问题是：

当我调用store.load（）时，pagingToolbar没有阻塞，所以我可以点击下一页，当网格加载时，我在pagingtoolbar上得到了错误的页面。在Ext js 3上，当我在网格上运行loadMask：true时，当我调用store.load（）时，pagingToolbar被锁定。
如果我在2或更高的页面上并且调用store.load（），则在加载后，pagingToolbar不会更新当前页面标签为1。
我需要实现一个清理/重置按钮，所以如何清理分页工具栏上的标签。

提前感谢。

Answer 1

如果执行store.load()的预期结果是转到网格中的第一页，则只需在分页工具栏上调用moveFirst()，而不是直接在商店中加载。例如：

var pagingtb = Ext.create('Ext.toolbar.Paging',{
                store: 'Contenedores', 
                displayInfo: true,
                displayMsg  : 'Registros {0} - {1} de {2}',
                emptyMsg    : 'No hay registros'
            });

this.grid  = Ext.create('Ext.grid.Panel',{
            region      : 'center',
            loadMask    : true,
            layout      : 'fit',
            store       : 'Contenedores',

            tbar: [
                   { text: 'Exportar Excel' },
                   '->',
                   { text:'Buscar',     handler: this.buscar,   scope: this},
                   '-',
                   { text:'Limpiar',    handler: this.limpiar,  scope: this}
            ],
            columns : [],

            bbar : pagingtb 
        });

pagingtb.moveFirst();

此外，您不需要new之前的关键字Ext.create(...) - ＆gt; create()返回指定类的实例。

如果您需要商店发送额外参数，可以在工具栏上调用moveFirst()或doRefresh()之前在代理上设置它们。例如：

store.getProxy().extraParams.someParameter1 = 'some value';
store.getProxy().extraParams.someParameter2 = 'another value';
pagingtb.doRefresh(); // or .moveFirst() if you want the grid to 
                      // move to the first page after load

如何正确管理Ext-js 4.2中的PagingToolbar？

1 个答案: