Как вызвать плагин автозаполнения Jquery внутри плагина tagsInput
Я отформатировал результат автозаполнения так, как я хотел использовать .autocomplete("txt")_renderitem
, но я не могу использовать это внутри tagsInput
плагин. Работает хорошо, если я просто хочу использовать автозаполнение, а также, когда я не использую renderitem
,
<script type="text/javascript">
$('#txtIdeaTags').tagsInput({
'autocomplete_url': '/Idea/AutoComplete',
'autocomplete': ({
source: function (request, response) {
$.ajax({
url: "/Idea/AutoComplete", type: "POST", dataType: "json",
data: { term: request.term },
success: function (data) {
response($.map(data, function (item) {
return { label: item.label, value: item.id, icon: item.icon, desc: item.desc }; //updated code
}));
}
});
},
focus: function (event, ui) {
$("#txtIdeaTags").val(ui.item.label);
return false;
},
select: function (event, ui) {
$("#txtIdeaTags").val(ui.item.label);
return false;
}
}).autocomplete("instance")._renderItem = function (ul, item) {
return $("<li>")
.append("<div>" + item.label + "<br>" + item.desc + "</div>")
.append("<a><img height=\"20\" width=\"20\" src='" + "http://localhost:60268/Images/" + item.icon + "' /></a>")
.appendTo(ul);
}
});
</script>
// error i get is autocomplete is not a function. Kindly give a solution please!
1 ответ
$(function () {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$(".TagClass >> Input").autocomplete({
source: availableTags
});
});
Вот как я это сделал, формат, который я использовал, был ~.autocomplete({source: YourArray})