Componente desenvolvido para uso em telas customizadas e BPMs pelo time de serviços customizados HCM da Senior Sistemas.
- Angular: 18.0.1
- primeflex: 3.3.1
- primeicons: 7.0.0
- primeng: 17.18.9
Após importar o componente, será necessário:
Serviço: Criar um serviço implementando ServiceSearch da biblioteca, onde será necessário adicionar a função find recebendo: top, skip e filter e retornando um objeto do tipo: Observable<ResultListInterface< T >> Obs.: Após o parâmetro "filter", podemos adicionar um objeto contendo parâmetros adicioneis para uso em buscas personalizadas
Exemplo:
export class CollaboratorsService implements ServiceSearch<CollaboratorModel> {
constructor(private http: HttpClient) { }
find(top = 10, skip = 0, filter: string, args?: Record<string, string>): Observable<ResultListInterface<CollaboratorModel>> {
return this.http.get<ResultListInterface<CollaboratorModel>>(`${url}?top=${top}&${skip}&${filter}`);
}
}
Configuração: No componente que utiliza essa biblioteca será necessário criar uma configuração do tipo SearchConfigModel informando:
- filterType: Lista de objeto FilterType onde será parametrizado os campos disponíveis para visualização na tabela de busca. Exemplo:
filterType: [
{ label: 'Matrícula', field: 'matricula_do_colaborador' } as FilterType,
{ label: 'Nome', field: 'nome_do_colaborador' } as FilterType
],
- patternField: Informação que será exibida no campo após seleção do objeto, parametrizad via string utilizando as variáveis por chave ${}. Exemplo:
patternField: '${matricula_do_colaborador} - ${nome_do_colaborador}',
- service: Serviço criado no item anterior
- initialValue (opcional): Valor inicial do componente (Objeto).
Input | Entrada | Descrição |
---|---|---|
config | SearchConfigModel | Configuração para uso |
title | String | Título (opcional) do modal de busca |
control | AbstractControl | Insere o valor parametrizado em configuração no control do formulário |
onChange | function(event):void | Função (opcional) de onChange retornando o objeto selecionado |
disabled | true / false | Valor padrão: false |