Tutorial: Recarga de campo usando Ajax

Neste exemplo será desenvolvido uma aplicação de filtro utilizando recarga de campos com ajax. 

Criando uma nova consulta

1 – Crie uma nova aplicação de Consulta .

2 – Na propriedade SQL Select Statement informe o sql abaixo:

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

Você também pode criar queries através da ferramenta SQL Builder.

3 – No menu “Editar campos”, selecione para exibir os campos conforme a imagem abiaxo. 

Iniciando a consulta pelo filtro

4 – Acesse o Menu “Módulos da Grid”

5 – Marque o filtro como módulo inicial

Selecionando os campos do Filtro

6 – Acesse o menu “Filtro>>Filtro Avançado>>Selecionar Campos”.

7 – Selecione os campos E.RegionID e U.TerritoryID.

Configurando os campos

8 – Acesse a edição do campo U.TerritoryID do filtro.

9 – Altere o Tipo do Dado para Select.

10 – Ainda no campo U.TerritoryID acesse a guia de edição “Lookup de Filtro” e faça as configurações de acordo com a figura abaixo.

11 – Agora acesse as configurações do campo E.RegionID e, da mesma forma, altere o “Tipo do Dado” para Select e no “Lookup de Filtro”, preencha da seguinte maneira.

Ativando o Ajax para recarregar o campo

12 – Ainda nas propriedades do campo E.RegionID, vá na guia de “Processamento Ajax” e selecione o campo U.TerritoryID clicando nele e em seguida no botão “Liga/Desliga”.

13 – Execute a aplicação