如何在tagsInput插件中调用jquery自动完成插件
问题描述:
我已经使用.autocomplete("txt")_renderitem
以我想要的方式格式化了自动完成结果,但是我不能在tagsInput
插件中使用这个插件。如果我只是想使用自动完成功能,以及当我不使用renderitem
时效果很好。如何在tagsInput插件中调用jquery自动完成插件
<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!
答
$(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({来源:YourArray})
这是件好事,你没有像你一样。我不认为这回答了一个问题。 –