Recarga de campos con AJAX

En este ejemplo, se desarrollará una aplicación de búsqueda utilizando la recarga de campo con ajax.

Creando una nueva Grid

1 – Cree una nueva aplicación de Consulta.

2 – En la propiedad SQL Select Statement, ingrese el sql a continuación:

select
   e.employeeid,
   e.lastname,
   e.firstname,
   e.title,
   e.titleofcourtesy,
   e.birthdate,
   e.hiredate,
   e.address,
   e.postalcode,
   e.country,
   e.cityid,
   e.regionid,
   e.homephone,
   e.extension,
   e.photo,
   e.notes,
   e.reportsto,
   e.photopath,
   u.employeeid,
   u.territoryid
from
   employees e, employeeterritories u, territories t 
where
   e.employeeid = u.employeeid and
   u.territoryid = t.territoryid

1

También puede crear consultas utilizando la herramienta SQL Builder.


3 – En el menú “Editar campos”, seleccione para mostrar los campos como se muestra en la imagen a continuación.

Iniciar la consulta por la búsqueda

4 – Acceda al menú “Módulos Grid”

5 – Marcar el filtro como módulo inicial

Seleccionar los campos de filtro

6 – Acceda al menú “Búsqueda >> Búsqueda avanzada >> Seleccionar campos”.

7 – Seleccione los campos E.RegionID y U.TerritoryID.

Configurando los campos

8- Abra el campo U.TerritoryID, en los campos de búsqueda. 

9. Cambie el Tipo de datos a Select.

10 – Aún en el campo U.TerritoryID, acceda a la guía de edición “Edición de Lookup” y realice los ajustes de acuerdo con la figura siguiente.

11 – Ahora acceda a la configuración del campo E.RegionID y, de la misma forma, cambie el “Tipo de datos” a Seleccionar y en el “Edición de Lookup” , complete lo siguiente.

Activando Ajax para recargar el campo

12 – Aún en las propiedades del campo E.RegionID, vaya a la pestaña “Procesamiento Ajax” y seleccione el campo U.TerritoryID haciendo clic en él y luego en el botón “On / Off”.

13 – Ejecuta la aplicación


Compartir este tutorial

Tutoriales en la misma categoria

Tutorial: Consulta con filtro modal.

En este tutorial se mostrará cómo configurar un filtro de consulta para que se muestre en una ven...

Image field

To add an image type field within a Grid, do the following: 1 - Create a Grid: 2- We ...

Campo Imagen

Para agregar un campo de tipo imagen dentro de una Grid se debe hacer lo siguiente: 1 - Crea...

Opción de Exportación

Para exportar diferentes tipos de archivos debemos realizar los siguientes pasos: 1 - Crear ...

Comentar este post