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
As opçõ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 de entrada:
- Component Id [string] - Seleccionar o identificador do componente;
Parâmetros de saí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 de entrada:
- 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 de entrada:
- 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 de entrada:
- 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 de saída:
- Select Option [Select Option] - Seleccionar o modelo da Opção;
Expand Select Option
Expande Seleccionar modelo de opção.
Parâmetros de entrada:
- Select Option [Select Option] - Seleccionar o modelo da Opção;
Parâmetros de saí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
