¿Cómo cambiar los datos en el menú desplegable combinado extJS?
Tengo el cuadro combinado y estoy tratando de cargar los datos. Quiero sanear mis datos para alguna expresión Reg.
Aquí está mi código Stroe.
Ext.define("MyApp.store.combo.country", { extend: "Ext.data.Store", alias:"widget.country", //autoLoad:true, fields: [{ name: 'name',type:'string' },{ name: 'key',type:'int' }], proxy: { type: 'ajax', method: 'GET', url: '/myCountry/getName', reader: { type: 'json' } }, listeners: { beforeload ( store, operation, eOpts ) { console.log("combo before load"); }, load: function (_this, records, successful, operation, eOpts) { var length = records.length; var htmlRegex = new RegExp("<(\"[^\"]*\"|'[^']*'|[^'\">])*>"); for(var i=0; i<length; i++){ if(htmlRegex.test(records[i].data.name)){ records[i].data.name = records[i].data.name.replace( /(<([^>]+)>)/ig, ''); } } } } });Ahora, cuando hago clic en COmbobox, no puedo ver que los datos en el menú desplegable se sanean (ejecutando sin pasar RegExp). Por segunda vez esto está funcionando bien.
Entonces mi pregunta es cómo puedo alterar mis datos en esta situación.
Lo que he intentado se puede ver en el método de carga. (Incluso en el método de carga anterior tampoco sucede nada).
Cualquier trabajo alrededor
En mi opinión, la mejor manera de hacer esto es usar la función de cálculo .
Esto garantiza que cada vez que cargue o cambie los registros en la tienda, se realizará la validación de expresiones regulares. El único inconveniente es que tienes otro campo.
Ext.define("MyApp.store.combo.country", { extend: "Ext.data.Store", alias: "widget.country", fields: [{ name: 'regexedName', type: 'string', calculate: function (data) { const htmlRegex = new RegExp("<(\"[^\"]*\"|'[^']*'|[^'\">])*>"); if (htmlRegex.test(data.name)) { return data.name.replace(/(<([^>]+)>)/ig, ''); } else { return data.name; } } }, { name: 'name', type: 'string' }, { name: 'key', type: 'int' }], proxy: { type: 'ajax', method: 'GET', url: '/myCountry/getName', reader: { type: 'json' } } });Puede elaborar sus valores definiendo la conversión o las configuraciones calculadas en el campo deseado, por lo que puede evitar trabajar en los oyentes de la tienda.
La principal diferencia es que el primero te permite convertir rápidamente el valor del campo mientras que el último te da la posibilidad de crear una nueva propiedad/campo basado en la elaboración de la información del otro registro.
// Example *convert* to change the case of a property { name: 'firstName', type: 'string', convert: function (value) { return value.toUpperCase(); } } // Example *calculate* to create the new property "fullName" based on other properties { name: 'fullName', type: 'string', convert: function (data) { return data.firstName + ' ' + data.lastName; } }