jQuery TokenInput: los tokens no se están agregando
Estoy usando jQuery TokenInput que llama al servicio escrito en node.js. El servicio me está dando una respuesta. (Lo he conectadoonResult
yresultsFormatter
.) Pero el menú desplegable de tokens no aparece.
Mi respuesta de servicio es la siguiente:
{
"data": [
{
"name": "a",
"key": 1023040,
"subtext": "abc"
},
{
"name": "b",
"key": 1023040,
"subtext": "pqr"
}
]
}
El código JavaScript es el siguiente.
$("#myInputTextBox").tokenInput('http://myWebService', {
crossDomain: true,
theme: "facebook",
minChars: 3,
resultsFormatter: function(item) {
console.log("<li><p class='added' data-id='" +
item.key + "' data-name='" + item.originalName +
"'>" + item.name + "</p></li>");
return "<li><p class='added-cities' data-id='" +
item.key + "' data-name='" + item.originalName +
"'>" + item.name + "</p></li>"
},
onResult: function (results) {
results = results["data"];
$.each(results, function (index, value) {
value.originalName = value.name;
value.id = value.key;
value.name = value.name + " " + value.subtext;
});
console.log(results);
return results;
},
onAdd: function(item) {
console.log("addrd");
}
});
La respuesta se inicia sesiónonResult
tanto comoresultsFormatter
como se esperaba. Traté de iniciar sesiónonAdd
No se registra. ¿Cuál es el problema aquí?