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 escolhendo a opção I’d like to inform the SQL Select Statement.


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 INNER JOIN employeeterritories U ON E.EmployeeID = U.EmployeeID
INNER JOIN territories T ON U.TerritoryID = T.TerritoryID

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


3. Selecione os campos U.EmployeeID, E.LastName, E.FirstName, E.Title, E.BirthDate, E.HireDate, E.RegionID, U.TerritoryID e E.Country. Para selecionar os campos clique em Select Fields localizado no menu de aplicação.


Iniciando a consulta pelo filtro

4. Acesse a pasta Grid e clique no item Settings.


5. Marque a opção Start by Search para Yes.


Selecionando os campos do Filtro

6. Acesse a pasta Search e clique no item Select Fields.


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


Configurando os campos

8. Acesse o menu da aplicação do campo U.TerritoryID do filtro.


9. Altere a propriedade Data Type para Select.

10. Ainda no campo U.TerritoryID acesse a guia de edição Search Lookup.


10. Faça as configurações de acordo com a figura abaixo.


11. Acesse as configurações do campo E.RegionID. Altere a propriedade Data Type para Select e faça as seguintes configurações na guia de edição Search Lookup.


Ativando o Ajax para recarregar o campo

12. Ainda nas propriedades do campo E.RegionID vá na guia de edição Ajax Processing, selecione o campo e clique no botão On / Off.


Tutoriais na mesma categoria

Formulário de Filtro em modal

Neste exemplo será mostrado como configurar o filtro da Grid para ser exibido em uma janela mo...

Condições especiais para campos de data

Neste exemplo será mostrado como utilizar condições especiais para campos data no filtro. ...

Ligação de Captura no Filtro

Neste exemplo será mostrado como utilizar uma Ligação de Captura em uma aplicação de Filtro....

Filtro com Campos obrigatórios

Neste exemplo será mostrado como utilizar campos obrigatórios em uma aplicação de Filtro. ...

Comente este post