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

Compartilhe este tutorial

Tutoriais na mesma categoria

Pesquisa Destacada

Opção de destaque para os termos pesquisados na Consulta. Disponível para os filtros Avançado ...

Quicksearch Estendido

Neste exemplo veremos as opções de pesquisa estendida do Filtro rápido, com possibilidade de bus...

Filtro do resumo com condições personalizadas

Primeiro, devemos criar uma aplicação de grid para usar o filtro personalizado. Uma vez na...

Botões e campos na mesma linha

Neste tutorial veremos como usar o Filtro e a Grid na mesma janela. Se você ainda não sabe com...

Comente este post