No domínio do desenvolvimento de aplicações, a procura de uma apresentação de dados intuitiva e eficiente é fundamental. A OutSystems, uma plataforma líder de desenvolvimento de aplicações low-code, fornece ferramentas robustas para os programadores. No entanto, quando se lida com estruturas de dados complexas, o componente dropdown predefinido pode ser insuficiente. O componente Tree Seletor da UDDAN IT é um divisor de águas para os programadores que trabalham com aplicações OutSystems ODC.

Porquê o Tree Seletor?

A necessidade de um componente de seleção mais sofisticado tornou-se evidente num projeto recente em que o cliente necessitava de uma lista abrangente de categorias e subcategorias. A natureza hierárquica dos dados tornou impossível a utilização eficaz do menu pendente padrão. Apesar da pesquisa no Forge, o repositório de componentes reutilizáveis da OutSystems, não estava disponível nenhuma opção adequada para o ODC – embora existissem alguns para o OS11, não tinham a funcionalidade necessária. Esta lacuna levou ao desenvolvimento do componente Tree Seletor.

Características do componente Seletor de Árvores

O Seletor de Árvore vai além do dropdown básico, oferecendo um rico conjunto de recursos adaptados para lidar com estruturas de dados complexas. Aqui estão as principais funcionalidades que o diferenciam:

1. Níveis ilimitados de Nesting

O componente suporta um número infinito de níveis Nesting, permitindo que os programadores representem hierarquias complexas sem problemas.

2. Selecionar todos os filhos com a seleção do pai

Quando um item pai é selecionado, todos os seus itens filhos são automaticamente selecionados. Esta funcionalidade simplifica o processo de seleção e assegura a consistência.

3. Selecionar o pai quando todos os filhos são selecionados

Por outro lado, se todos os itens inferiores de um item superior forem selecionados individualmente, o item superior é selecionado automaticamente. Esta funcionalidade bidirecional melhora a experiência do utilizador ao reduzir o número de cliques.

4. Acompanhar os pais “parcialmente selecionados”

Os pais com apenas alguns filhos selecionados são visualmente distinguidos como “parcialmente selecionados”, fornecendo uma indicação clara do estado da seleção.

5. Ordem personalizada

Os itens podem ser ordenados de acordo com critérios personalizados, permitindo aos programadores dar prioridade ou agrupar itens conforme necessário.

6. Botão Alternar/Contrair tudo

Um único botão permite aos utilizadores expandir ou contrair todos os níveis hierárquicos, dando-lhes controlo sobre a visibilidade dos dados.

7. Botão Selecionar Tudo/Nenhum

Esta funcionalidade permite aos utilizadores selecionar ou anular rapidamente a seleção de todos os itens da hierarquia, poupando tempo e esforço.

8. Pesquisa por palavra-chave

Uma poderosa funcionalidade de pesquisa por palavras-chave permite aos utilizadores encontrar rapidamente itens específicos na árvore, melhorando a navegação e a facilidade de utilização.

O componente Tree Seletor está agora disponível no Portal ODC da OutSystems. Encontre este novo componente que poupa tempo aqui.

Esta adição à plataforma permite que os programadores criem aplicações mais dinâmicas e fáceis de utilizar, especialmente quando lidam com estruturas de dados complexas.