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

Tags de filtro avançado (resumo)

Neste tutorial veremos como mostrar no Resumo de uma Grid os valores buscados no filtro avançado....

Filtro avançado com períodos relativos

Neste exemplo, veremos como utilizar o filtro especial para campos do tipo “Data”, onde podemos...

Pivot Table com filtro refinado

Neste tutorial estaremos fazendo um resumo com filtro integrado (ou filtro refinado). Criand...

Consulta com Filtro em Modal.

Neste tutorial será mostrado como configurar um Filtro da Consulta para ser exibido em uma Janela ...

Comente este post