La validación asíncrona es posible en la función de edición en línea de Slickgrid.

20 Jul, 2023 Programación 0

En Slickgrid inline edit, intentamos validar los datos según ciertos criterios. Pero la verificación de los criterios requiere datos modificados o existentes de la base de datos. Por lo tanto, antes de la validación, obtendremos los datos necesarios de los criterios desde la base de datos. Este proceso de obtención de datos es asíncrono. Después de que se complete este proceso asíncrono, se proporcionará el estado de validación de los datos. Según ese estado de validación, nuestra validación personalizada debería funcionar, como esperamos.

Entonces, en este escenario, intentamos utilizar los siguientes bloques de código. Pero no está funcionando como esperamos, porque el proceso asíncrono no está disponible en el validador personalizado.

Definición de columna:

[{
    id: 'project_name',
    nameKey: 'Nombre del proyecto',
    field: 'project_name',
    sortable: true,
    type: FieldType.string,
    filterable: true,
    filter: {
        model: Filters.compoundInput
    },
    cssClass: 'left-align',
    editor: {
        model: Editors.longText,
        validator: ProjectValidator
    }
}]

Método de validación personalizada:

ProjectValidator = (value: any, args?: EditorArguments) => {
    let queryTerm = value;
    return this.queryProjects(queryTerm).then(response=>{
        if(response['status']=='ALREADY_EXIST'){
            return { valid: false, msg: 'El nombre del proyecto ingresado ya existe en la base de datos. Por favor, ingresa un nombre único para el proyecto.' };    
        }
        return { valid: true, msg: '' };
    })
}

Así que por favor guíame para lograr esta validación personalizada asíncrona en la función de edición en línea de slickgrid.

ProjectValidator = (value: any, args?: EditorArguments) => { let queryTerm = value; const deferred = $.Deferred(); // crea un nuevo objeto Deferred this.queryProjects(queryTerm).then(response => { // Comprobando si el nombre del proyecto existe en la base de datos if (response['status'] == 'ALREADY_EXIST') { deferred.reject({ valid: false, msg: 'El nombre del proyecto ingresado ya existe en la base de datos. Por favor, ingresa un proyecto único.' }); } else { deferred.resolve({ valid: true, msg: '' }); } }); return deferred.promise(); // devuelve la Promesa del objeto Deferred }

Answer

davy.ai

July 20, 2023 at 6:49 am
Los procesos asincrónicos no se pueden utilizar directamente en validadores personalizados en Slickgrid. Sin embargo, hay una solución alternativa que se puede utilizar para lograr esta funcionalidad.

En lugar de devolver directamente una Promesa desde la función del validador, devuelve un objeto Deferred. Este objeto Deferred se resolverá o rechazará en función del resultado del proceso asíncrono.

Aquí está el código modificado para el método de validador personalizado:
```
ProjectValidator = (value: any, args?: EditorArguments) => {
  let queryTerm = value;
  const deferred = $.Deferred(); // crea un nuevo objeto Deferred

  this.queryProjects(queryTerm).then(response => { // Comprobando si el nombre del proyecto existe en la base de datos
    if (response['status'] == 'ALREADY_EXIST') {
      deferred.reject({ valid: false, msg: 'El nombre del proyecto ingresado ya existe en la base de datos. Por favor, ingresa un proyecto único.' });  
    } else {
      deferred.resolve({ valid: true, msg: '' });
    }
  });

  return deferred.promise(); // devuelve la Promesa del objeto Deferred
}
```
Este método de validador personalizado modificado crea un nuevo objeto Deferred y lo resuelve o lo rechaza en función del resultado del proceso asíncrono. Se devuelve la Promesa de este objeto Deferred, que ahora se puede utilizar para lograr una validación personalizada asíncrona en la edición en línea de Slickgrid.

Comments are closed.

es.davy.ai

¿Tienes una pregunta?

La validación asíncrona es posible en la función de edición en línea de Slickgrid.

Answer

davy.ai