Tenho um formulário com diversos campos, um deles eu utilizo TagsManager para inserir tags(clientes cadastrados), agora quando eu envio este formulário eu preciso salvar os ID's destes clientes cadastrados no mesmo campo, separados por vírgula.
Já tentei utilizar o campo Hidden e também o parâmetro: HiddenTagListId, e não funcionou.
Documentação: https://maxfavilli.com/jquery-tag-manager
HTML:
<div class="form-group col-xs-6">
<label for="parte_interessada">Parte interessada</label>
<input type="text" class="typeahead cliente form-control" id="cliente" name="cliente">
<div class="tags_cliente"></div>
JAVASCRIPT
<script>
$(document).ready(function() {
var tagApi = $(".cliente").tagsManager({
tagsContainer: '.tags_cliente',
});
var cliente= new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.whitespace,
queryTokenizer: Bloodhound.tokenizers.whitespace,
remote: {
url: "busca-cliente.php?query=%QUERY",
wildcard: "%QUERY"
}
});
$('#cliente').typeahead(null, {
name: 'cliente',
display: 'label',
source: cliente,
afterSelect: function(item) {
tagApi.tagsManager("pushTag", item);
},
templates: {
header: '<strong> Clientes encontrados:</strong>',
empty: [
' Não foram encontrados resultados com os termos informados!'
]
},
})
);
A busca do autocomplete retorna:
while($row = $result->fetch_assoc()){
$data[] = array(
'label' => $row['nome'],
'value' => $row['id'],
);
}
echo json_encode($data);
Quando uso a função "typeahead:selected", consigo acessar "label" ou "value".
.on('typeahead:selected', function(event, data){
$('#id_cliente').val(data.value);
});
Porém, utilizando as funções "tm:pushed" e "tm:spliced" que você sugeriu, não consigo acessar nem "label" nem "value". O parâmetro item retorna somente o nome que está na tag e item.value dá erro. Como fazer para adicionar essas informações na tag?
Tentei adaptar o cometário do Mahdi-Farhani na documentação mas não consegui também. Segue o link:
github.com/max-favilli/tagmanager/issues/7