Como utilizar a propriedade campo ícone do componente Árvore

Na versão 2.5 do Maker, além das funções para criação de Árvore via fluxograma que utilizamos (desde o Maker 2.4), existe também o componente Árvore. Este componente possui uma propriedade muito interessante e muito pouco usada: “Campo Ícone”.

Para que serve, quando e como utilizar?

Propriedades do componente Árvore

A propriedade “Campo Ícone” tem como objetivo, definir uma imagem para cada elemento do componente árvore. Por padrão, cada “nó” da árvore, tem como ícone uma pasta, indicando que aquele elemento possui filhos. Se um elemento não possuir filhos o mesmo fica com a imagem de um papel em branco, indicando que aquele elemento é o último do seu nó correspondente.

Exemplo do componente Árvore com a propriedade "Campo Ícone" preenchido

Diferente do que se parece, o campo ícone não deve ser um campo do tipo imagem (blob, bytea, …) e sim um campo do tipo char (ou varchar, character varying… (A depender do banco)).

Este campo deve armazenar um GUID correspondente a uma imagem da galeria de imagens.

Todas as imagens da galeria de imagens são salvas na tabela FR_IMAGEM e um GUID aleatório é gerado e inserido juntamente com a imagem. É este guid que deve ser referenciado nos campos.

Formulário para cadastro de items

O formulário acima é o responsável pelo cadastro dos Items da árvore. Pode-se cadastrar um estado ou uma cidade e definir o pai do item cadastrado. Observe que existe um campo do tipo texto onde está sendo armazenado um guid para cada cidade/estado cadastrado. Quando o componente árvore for carregado, será lido o campo GUID (caso a propriedade campo ícone esteja definido para o campo “GUID”) e então buscará a imagem que contenha o GUID informado na tabela FR_IMAGEM.

Exemplo de um formulário baseado na tabela FR_Imagem

No momento do cadastro de uma nova imagem na tabela FR_IMAGEM, pode-se utilizar qualquer valor para identificação da mesma. É recomendado o uso da função “Gerar GUID” pois com ela, não haverá problemas de GUID’s iguais.

O FRZ com o Exemplo do tutorial encontra-se em nosso fórum! Clique aqui e acesse nosso fórum.

Esta entrada foi postada em 29 de outubro por 14:34 e é arquivada sob Tutorial.