Auto completar com nome de todos os usuarios

TOTVS Fluig Documentos (ECM)
, ,
1

Ola pessoal, Preciso adicionar um campo no formulario, onde o solicitante adicione os nomes dos solicitantes envolvidos e preciso que conforme seja digitado o nome do usuario cadastrado no fluig, o input complete o nome da pessoa e conforme adiciona "," ou ";" ele consiga adicionar os demais nomes.

2

@Arnaldo, bom dia!

Dê uma olhada no autocomplete

EDIT 1

HTML:


<input type="text" class="form-control" id="colleagues">

Javascript:


var colleagueAutocomplete = FLUIGC.autocomplete('#colleagues', {
    highlight: true,
    minLength: 3,
    hint: true,
    searchTimeout: 100,
    type: 'tagAutocomplete',
    name: 'colleagueAc',
    tagClass: 'tag-warning',
    maxTags: 3,
    allowDuplicates: false,
    displayKey: 'colleagueName',
    source: {
        url: '/api/public/ecm/dataset/search?datasetId=colleague&searchField=colleagueName&',
        limit: 10,
        offset: 0,
        limitKey: 'limit',
        patternKey: 'searchValue',
        root: 'content'
    },
    tagMaxWidth: 400
}, function(err, data) {
    // something with err or data.
    if(err) {
        try {
            errMessage = JSON.parse(err.responseText.message);
            errMessage = errMessage.message ? err.responseText.message : err.responseText;
        } catch(e) {
            errMessage = 'Não foi possível listar os colaboradores.';
        }
        FLUIGC.toast({
            message: errMessage,
            type: 'danger'
        });
    }
});

//Pode-se tratar quando algum item for adicionado
colleagueAutocomplete.on("fluig.autocomplete.itemAdded", function(event) {
    var item = event.item;
    // Pode-se pegar algum campo do dataset de usuários
    // item.colleagueId ou item["colleagueId"]- Matrícula
    // Atribuindo em algum campo do formulário
    // $("#id do campo").val(item.colleagueId);
});
3

Rodolfo, ja li sobre este topico mas não sei como puxar os usuarios. Teria um ideia?

4

Adicionei um exemplo na resposta!

5

Rodolfo, deu certo. obrigado…

6

Rodolfo, como voce faria para salvar os nomes da pesquisa em um input qualquer com virgula após cada nome?

7

Ele já salva assim no campo que é feito o autocomplete! No caso do exemplo, no campo colleagues

8

Estranho, na proxima atividade ele zera tudo… o que pode ser?

9

Se pegar o valor do campo, o valor estará lá, o problema é que se na próxima atividade o autocomplete for carregado novamente e tem valores, terá que incluir no mesmo para ser criado as tags, inclua isso no seu js após a chamada do autocomplete:


if ($("#colleagues").val() != "") {
   var colleagueList = $("#colleagues").val().split(",");
	for (var i in colleagueList) {
		var tag = {
			colleagueName: colleagueList[i]
		};
		colleagueAutocomplete.add(tag);
	}
}
10

Bom dia, estou tentando destruir um campo de pesquisa mais não estou conseguindo. Gostaria que depois do solicitante pesquisar as pessoas no campo pesquisa, assim que saisse do campo, o campo ficasse desabilitado para edição.


<textarea type="text" rows="2" name="Participantes" class="form-control" value="" onclick="habitilaAutocomplete()" onblur="colleagueAutocomplete.destroy();" style="width: 90%;" id="colleagues"></textarea>

Fiz uma função para habilitar a pesquisa e tudo certo, porem no onblur ele não destroy...