我们从
bassistance.de autocomplete转到jQuery UI自动完成。
我找不到jQuery UI版本的例子，文档似乎有点稀疏。那可能只是我
我找不到jQuery UI版本的例子，文档似乎有点稀疏。那可能只是我
我想知道是否有人有一个例子/教程，解释如何改变自动完成下拉菜单的外观和感觉。我的代码如下：
$( "#SearchInput" ).autocomplete({
source: function( request,response ) {
$.ajax({
url: "http://servername/index.pl",dataType: "json",data: {
term: request.term
},success: function( data ) {
response( $.map( data.items,function( item ) {
return {
label: item.id + " - " + item.label,value: item.id
}
}));
}
});
},});
这样做，我得到的ID和标签显示由连字符分隔。
理想情况下，我想知道如何格式化结果的显示方式。
我想要ID，然后在标识下面的ID。如果可能，我想知道如何在文本右侧显示图像。
如果任何人有任何关于如何实现这一点的指标，我会很有意思。
解决方法
有关JqueryUI网站上有关如何自定义结果布局的一些文档：
http://jqueryui.com/demos/autocomplete/#custom-data。
http://jqueryui.com/demos/autocomplete/#custom-data。
一些例子：
$( "#SearchInput" ).autocomplete({ .... }).data( "autocomplete" )._renderItem = function( ul,item ) {
return $( "<li></li>" )
.data( "item.autocomplete",item )
.append( "<a>" + "<img src='" + item.imgsrc + "' />" + item.id+ " - " + item.label+ "</a>" )
.appendTo( ul );
};
