Tutorial: Formulário Grid Editável usando combobox multi-selecionavel

Em alguns casos, precisamos selecionar mais de uma opção no campo, podemos lidar com essa situação agrupando todas essas opções em uma única seleção e mostrar na tela todas as caixas de seleção em um único menu de opções.

Neste exemplo será desenvolvido um Formulário do tipo “Grid Editável” utilizando o recurso de Combobox Multi-Selecionável.

Criando um Formulário com Combobox Multi-Selecionável

Nota:

Caso tenha alguma dúvida de como criar um Formulário, acesse: Criando um novo Formulário

1. Crie uma nova aplicação do tipo Formulário “Grid Editável” baseado na tabela “tasks”.

Criação de Formulário.

2. Após criar o Formulário, no menu da aplicação acesse a aba “Posicionamento dos Campos”.

Aba de Posicionamente dos Campos.

3. Selecione os Campos: projectid, taskname, startdate, finishdate, percentcomplete e taskpredecessor.

Selecionando os Campos.

4. Feito isso, selecione no menu da aplicação a aba “Campos” e acesse as configurações do Campo “projectid”.

Campo projectid.

5. Navegue até “Lookup de edição” e substitua o código SQL presente na caixa de texto pelo código abaixo:

SELECT projectid, projectid 
FROM tasks 
ORDER BY projectid

O Lookup de edição ficará dessa forma:

6. Ainda na aba de “Campos”, acesse as configurações do campo “taskpredecessor”.

Campo taskpredecessor.

7. Feito isso, ao acessar as configurações gerais do campo, mude o tipo de dado do mesmo para Select, assim como mostra a imagem abaixo:

Selecionando o tipo de dado.

8. Em seguida, navegue até “Lookup de Edição” e aplique o código abaixo:

select taskid, taskname 
from tasks
where taskid <> {taskid} and projectid = {projectid}
order by taskname

9. Agora, ative as opções “Múltiplos Valores” e “Usar Checkbox em Dropdown” assim como mostra a imagem abaixo:

Configurações adicionais.

10. Feitas as alterações acima, o campo “taskpredecessor” irá retornar os múltiplos valores em formato de Dropdown, assim como a imagem abaixo:

11. Finalmente, clique no botão “Executar” na barra de ferramentas.

Executando a aplicação.


Para ver mais exemplos criados usando o Scriptcase, acesse: Exemplos: Sistemas Completos e Aplicações com Scriptcase.

Compartilhe este tutorial

Tutoriais na mesma categoria

Nova opção de Marca d’água

Nova opção para exibir a marca d'água do campo de data dentro do input, disponível para Formul...

Gerenciamento de Arquivos na Nuvem

Alguns dos serviços de armazenamento de dados estão prontos para ler e armazenar com segurança ...

Formulário com label fixo

Esta opção pode ser selecionada nas formas do tipo Registro Múltiplo , Grid Editável e Visualiz...

Formulário de Contato

Neste tutorial, veremos uma aplicação do tipo Formulário de Controle customizado, onde teremos e...

Comente este post