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.
Auto completar com nome de todos os usuarios
- Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
- Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
- Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
- Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
- Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!
2 respostas
-
@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); });-
Rodolfo, ja li sobre este topico mas não sei como puxar os usuarios. Teria um ideia?
— Arnaldo Cazzadore Neto 18 de Jul de 2017 -
Adicionei um exemplo na resposta!
— Rodolfo Capasso dos Santos 18 de Jul de 2017 -
Rodolfo, deu certo. obrigado...
— Arnaldo Cazzadore Neto 18 de Jul de 2017 -
Rodolfo, como voce faria para salvar os nomes da pesquisa em um input qualquer com virgula após cada nome?
— Arnaldo Cazzadore Neto 18 de Jul de 2017 -
Ele já salva assim no campo que é feito o autocomplete! No caso do exemplo, no campo colleagues
— Rodolfo Capasso dos Santos 18 de Jul de 2017
-
-
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...
-