Relselect

Click to copy

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 de entrada:

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

Parâmetros de saí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 Set Properties

Define as propriedades do componente.

Parâmetros de entrada:

  • 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 Update Properties

Actualiza as propriedades do componente.

Parâmetros de entrada:

  • 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.


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)