jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery-ui – JQueryUI自动完成 – 自定义渲染;专注不工作大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 Jquery-ui版本1.10.3和jQuery 1.8.3并尝试实现自动完成服务器提取获取的数据的自定义显示

这是渲染覆盖的部分:

$(#"...").autocomplete(...)
 .data( "ui-autocomplete")._renderItemData = function( ul,item : Users.briefUserDescriptor) {
    ul.data('ui-autocomplete-item',item);
    return $( "<li>" )
        .data('ui-autocomplete-item',item )
        .append( "<p>" + item.fullName + "<br>" + item.emailAddress+ "</p>" )
        .appendTo( ul );
};

这有效.除了关注焦点的问题外,元素按我希望的方式显示

focus: function( event,ui) {
            var currentUser : Users.briefUserDescriptor = ui.item;
            $("#invitePersonInput" ).val(currentUser.fullName);
            return false;
        },

这总是会触发错误,即currentUser(ui.item)未定义.

我已经尝试过几种’ui-autocomplete-item’,’uiAutocomplete’等组合,但到目前为止还没有人在这方面工作过,有些甚至都没能完成菜单填写.

任何提示都会很棒.

解决方法

好的,终于找到了问题.有必要在>元素上添加一个’ui-menu-item’类,否则JQuery无法正确选择并将该项移交给处理函数.

覆盖renderItem而不是renderItemData似乎也是正确的方法.

它应该看起来像:

$(#"...").autocomplete(...)
 .data( "ui-autocomplete")._renderItemData = function( ul,item )
        .append( "<p>" + item.fullName + "<br>" + item.emailAddress+ "</p>" )
        .addClass('ui-menu-item')
        .appendTo( ul );
};

大佬总结

以上是大佬教程为你收集整理的jquery-ui – JQueryUI自动完成 – 自定义渲染;专注不工作全部内容,希望文章能够帮你解决jquery-ui – JQueryUI自动完成 – 自定义渲染;专注不工作所遇到的程序开发问题。

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

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