Relselect

Clique para copiar

Seleccionar componente para seleccionar valores de modelos de dados.


Definições iniciais

Data source - modelo de dados a ser utilizado para mostrar as opções de dropdown de.

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


Configurações de Look and Feel

Label (não mantório) a ser utilizado para mostrar o rótulo 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.


Dados

Data source - Modelo de dados em uso. Configurável apenas na criação do componente.

Label - Campos de Modelo de Dados a serem mostrados numa única opção de dropdown.


Despoletadores de fluxo de trabalho

  • onChange - dispara quando a opção dropdown é alterada.
  • onFocus - dispara quando a componente Relselect está a ser focalizada.
  • onBlur - dispara quando a componente Relselect está desfocada.
  • onCreate - dispara quando o componente está a ser criado.
  • onShow - dispara quando o componente é mostrado.
  • onHide - dispara quando o componente está escondido.
  • onSearch - dispara quando o utilizador procura com as opções disponíveis.
  • onOpen - dispara quando o componente é mostrado.
  • onLoadAll - dispara quando todas as opções de dropdown são descarregadas.

Acções Componentes

RelSelect Get Properties

Obtém as propriedades do componente.

Parâmetros deentrada :

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

Parâmetros desaída :

  • Selected [Data Model type/ Data Model Array type] - opção(ões) seleccionada(s). A ser mostrado no processo de negócio quando o ID do componente é especificado apenas.
  • Data [Data Model Array type] - matriz de elementos do Modelo de Dados a ser utilizado. Disponível no processo de negócio quando o ID do Componente é especificado apenas.
  • Label [string] - etiqueta do componente;
  • Placeholder [string] - espaço reservado ao componente;
  • Allow Clear [boolean] - permite limpar a selecção se for verdadeira;
  • 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;
  • Validate Icon [boolean] - a ser mostrado na validação do valor;
  • Validate Status [Status type] - estado a ser mostrado ao validar o valor;
  • Validate Message [string] - mensagem a ser mostrada ao validar o valor.

RelSelect Get Properties

RelSelect Set Properties

Define as propriedades do componente.

Parâmetros deentrada :

  • Component Id [string] - RelSelect 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;
  • Validate Icon [boolean] - ícone a ser mostrado na validação do valor;
  • Validate Status [Status type] - estado a ser mostrado em validar o valor;
  • Validate Message [string] - mensagem a ser mostrada ao validar o valor.

RelSelect Set Properties

RelSelect Update Properties

Actualiza as propriedades do componente.

Parâmetros deentrada :

  • Selected [Data Model type/ Data Model Array type] - opção(ões) seleccionada(s). A ser mostrado no processo de negócio quando Component ID é especificado apenas.
  • Data [Data Model Array type] - matriz de elementos do Modelo de Dados a serem utilizados. Disponível no processo empresarial quando Component ID é especificado apenas.
  • Component Id [string] - RelSelect 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;
  • Validate Icon [boolean] - ícone a ser mostrado na validação do valor;
  • Validate Status [Status type] - estado a ser mostrado em validar o valor;
  • Validate Message [string] - mensagem a ser mostrada ao validar o valor.

RelSelect Get Properties


Exemplo de utilização

É necessário descarregar as opções dropdown do servidor a fim de as ver.

A lógica deve ser a seguinte:

1.Obter o Data Model Array(Pedido do Servidor GET ) em RelSelect criação do componente (onCreate).

2.Actualizar os dados dropdown (RelSelect Update Properties)