Select

Definições iniciais

Mode - escolher Multiple por poder seleccionar múltiplas opções a partir do menu suspenso. Caso contrário, deve ser usado o modo Simples.

Configurações de Look and Feel

Label (não mantório) a ser utilizado para mostrar a etiqueta do componente.

Placeholder (não obrigatório) a ser utilizado para mostrar o espaço reservado ao componente.

Name (obrigatório) - nome do componente.

Size (obrigatório) - tamanho do componente. É definido como Default quando o componente é criado.

Search (obrigatório) - para poder pesquisar dentro das opções de dropdown disponíveis. É desactivado por defeito.

Clear icon (obrigatório) - mostra o ícone de opções claras, se estiver activado. É desactivado por defeito.

Disabled (obrigatório) - torna o componente desactivado se estiver ligado. É desactivado por defeito.

Visible (obrigatório) - torna o componente visível se estiver ligado. Activado por defeito.

Opções

Asopções seleccionadas podem ser pré-definidas nas definições dos componentes.

O fluxo de trabalho activa

• onChange - dispara quando a opção dropdown é alterada.
• onFocus - dispara quando o componente Select está a ser focado.
• onBlur - dispara quando o componente Select está desfocado.
• onCreate - dispara quando o componente está a ser criado.
• onDestroy - dispara quando o componente é mostrado.

Acções Componentes

Select Get Properties

Obtém as propriedades do componente.

Parâmetros deentrada :

• Component Id [string] - Seleccionar o identificador do componente;

Parâmetros desaída :

• Label [string] - etiqueta do componente;
• Placeholder [string] - o espaço reservado ao componente;
• Allow Clear [boolean] - permite limpar a selecção se for verdade;
• Disable [boolean] - desactiva a componente se for verdade;
• Tooltip [string] - fio da ponta da ferramenta;
• Required Mark [boolean] - mostra a marca necessária se for verdadeira;
• Debounce (ms) [integer] - atraso para validar o valor;
• Options [Select Option array] - um conjunto de opções de selecção pré-definidas;
• Selected [Select Option array] - um conjunto de opções seleccionadas ou apenas um conjunto com elemento único no caso de Modo Único;
• Validate Icon [boolean] - ícone a ser mostrado em validar o valor;
• Validate Status [Status type] - estado a ser mostrado ao validar o valor;
• Validate Message [string] - mensagem a ser mostrada ao validar o valor;

Select Set Properties

Define as propriedades do componente.

Parâmetros deentrada :

• Component Id [string] - Seleccionar o identificador do componente;
• Label [string]- etiqueta do componente;
• Placeholder [string] - espaço reservado ao componente;
• Allow Clear [boolean] - permite limpar a selecção se for verdade;
• Disable [boolean] - desactiva o componente se for verdadeiro;
• Tooltip [string] - cadeia de ferramentas;
• Required Mark [boolean] - mostra a marca requerida se for verdadeira;
• Debounce (ms) [integer] - atraso para validar o valor;
• Options [Select Option array] - um conjunto de opções de selecção pré-definidas;
• Validate Icon [boolean] - ícone a ser mostrado em validar o valor;
• Validate Status [Status type] - estado a ser mostrado em validar o valor;
• Validate Message [string] - mensagem a ser mostrada ao validar o valor;

Selecciona as propriedades de actualização

Actualiza as propriedades dos componentes.

Parâmetros deentrada :

• Component Id [string] - Seleccionar o identificador do componente;
• Label [string]- etiqueta do componente;
• Placeholder [string] - espaço reservado ao componente;
• Allow Clear [boolean] - permite limpar a selecção se for verdade;
• Disable [boolean] - desactiva o componente se for verdadeiro;
• Tooltip [string] - cadeia de ferramentas;
• Required Mark [boolean] - mostra a marca requerida se for verdadeira;
• Debounce (ms) [integer] - atraso para validar o valor;
• Options [Select Option array] - um conjunto de opções de selecção pré-definidas;
• Validate Icon [boolean] - ícone a ser mostrado em validar o valor;
• Validate Status [Status type] - estado a ser mostrado em validar o valor;
• Validate Message [string] - mensagem a ser mostrada ao validar o valor;

Make Select Option

Compõe o modelo de opção seleccionada com os campos dados.

Parâmetros deentrada :

• ID [integer] - Seleccionar ID da opção;
• Label [string] - Seleccionar a etiqueta da opção;
• Value [integer] - Seleccionar o valor da encomenda da Opção na lista pendente;
• Icon [string] - ícone a ser utilizado no item Seleccionar Opção;
• Disabled [boolean] - desactiva a opção Select se for verdadeira;

Parâmetros desaída :

• Select Option [Select Option] - Seleccionar o modelo da Opção;

Expand Select Option

Expande Seleccionar modelo de opção.

Parâmetros deentrada :

• Select Option [Select Option] - Seleccionar o modelo da Opção;

Parâmetros desaída :

• ID [integer] - Seleccionar ID da Opção;
• Label [string] - Seleccionar a etiqueta da Opção;
• Value [integer] - Seleccionar o valor da encomenda da Opção na lista pendente;
• Icon [string] - ícone a ser utilizado no item Seleccionar Opção;
• Disabled [boolean] - desactiva a opção Select se for verdadeira;

Exemplo de utilização

É possível compor e adicionar novos itens da opção Select na lista suspensa através de processos comerciais de frontend.

A lógica deve ser a seguinte:

• Compor um novo item da Opção Select com campos especificados (Make Select Option)

• Obtenha a matriz de artigos existente Select Option (Select Get Properties) e fundi-la com o item Seleccionar Opção criado anteriormente (Append Array)

• Actualização Selecção de itens de opção (Select Update Properties) para o componente Select especificado