jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery UI – 格式化自动完成结果 添加图像可能吗大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我们从 bassistance.de autocomplete转到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

一些例子:

$( "#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 );
    };

大佬总结

以上是大佬教程为你收集整理的jQuery UI – 格式化自动完成结果 添加图像可能吗全部内容,希望文章能够帮你解决jQuery UI – 格式化自动完成结果 添加图像可能吗所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。