Tengo una cuadrícula ExtJS 6.2 que usa la API 'clásica'. No hago una super tonelada de Ext, así que tengan paciencia conmigo. Pero tenemos una cuadrícula que reutilizamos en gran medida una y otra vez en varias aplicaciones con ligeras personalizaciones. En uno, tenemos un campo de texto para un filtro. Pero ese filtro desencadena una recarga MUY rápida como comportamiento predeterminado. Demasiado rápido para que alguien escriba algo significativo. Me gustaría retrasar a ese cachorro. Idealmente, me gustaría que la recarga solo suceda cuando el menú está CERRADO, pero si al menos puedo aumentar el tiempo de alguien para escribir y recargar, al menos puedo hacerlo razonable.
El problema es que no tengo idea de cómo hacerlo, y una breve lectura de los documentos de ayuda no parece mostrarme ninguna configuración (tal vez estoy buscando en el lugar equivocado). ¿Algunas ideas?
El filtro se define como:
{ tipo: 'cadena', índice de datos: 'assetId', valor: '', activo: falso}
Debe agregar un búfer al evento de cambio. De esa manera, mientras alguien escriba, no se manejará ningún evento. Una vez que nadie cambie el valor del campo de texto durante 500 ms, se manejará el evento.
controller: 'main', items: [{ xtype: 'textfield', fieldLabel: 'Filter By Name', listeners: { change: 'onFilterfieldChange', buffer: 500 } }]Controlador
Ext.define('MyApp.main.MainController', { extend: 'Ext.app.ViewController', alias: 'controller.main', onFilterfieldChange: function(textfield, newValue) { let store = this.getViewModel().getStore('gridStore'); store.clearFilter(true); store.setFilter([ { property: 'firstName', value: newValue} ]); store.load(); } });