JQueryUI 1.10.0 Autocompleter renderItem проблемы

Я попробовал решение о переименовании 'autocomplete' в 'ui-autocomplete' (используя JQueryUI 1.10.0, JQuery 1.8.3), и я все еще получаю сообщение об ошибке:

TypeError: $(...). autocomplete (...). data (...) - undefined

} }).data('ui-autocomplete')._renderItem = function (ul, item) {

его определено в 1.10.0, но мне нужно переопределить:

_renderItem: function( ul, item ) {
return $( "<li>" )
.append( $( "<a>" ).text( item.label ) )
.appendTo( ul );
},

вот мой весь код:

var ajaxCall_QuickSearchCompanyId;
            $('#QuickSearchCompanyId').autocomplete({
                minLength: 2, delay: 300, source: function (request, response) {
                    if (ajaxCall_QuickSearchCompanyId) {
                        ajaxCall_QuickSearchCompanyId.abort();
                    }
                    ajaxCall_QuickSearchCompanyId = $.ajax({
                        url: '/Advertiser/Autocompleter/CompaniesDetailed', dataType: 'json',
                        data: { q: request.term },
                        success:
                            function (data) {
                                $('#QuickSearchCompanyId').removeClass('ui-autocomplete-loading');
                                response($.map(data, function (item) {
                                    return {
                                        label: item.ID,
                                        value: item.Name,
                                        subsidiaries: item.Subsidiaries,
                                        category: item.Category,
                                        url: (item.URL == null) ? '' : item.URL,
                                        parentName: item.ParentName,
                                        isReported: item.IsReported
                                    }
                                }));
                            }
                    });
                }
            }).data('ui-autocomplete')._renderItem = function (ul, item) {
                String.prototype.chunk = function (n) {
                    var ret = []; for (var i = 0, len = this.length; i < len; i += n) { ret.push(this.substr(i, n)); }
                    return ret;
                }; ul.attr('id', 'ul_QuickSearchCompanyId'); return $('<li></li>')
                    .data('ui-autocomplete-item', item)
                    .append("<a style='padding: 0px;'><div style='margin-bottom: 0px; width: 450px;'><table style='height: 100%; width: 450px; font-family: Calibri; font-size: 10pt;'><tr><td style='width: 280px; border-right: solid 1px Black; padding: 0px; color: " + ((item.isReported != true) ? 'Gray' : 'Black') + "; font-style: " + ((item.isReported != true) ? 'italic' : 'none') + ";'>" + ((item.parentName != '[[root]]') ? (item.parentName + ': ') : '') + item.value + "</td><td align='right' valign='top' style='width: 150px; padding: 0px; color: " + ((item.isReported != true) ? 'Gray' : 'Black') + "; font-style: " + ((item.isReported != true) ? 'italic' : 'none') + ";'>" + item.category + "<br /></td></tr></table></div></a>")
                    .appendTo(ul);
            };

Любые идеи были бы очень полезны.

Ответ 1

Вместо

$('selector').data('ui-autocomplete')._renderItem = function (ul, item) { };

вы должны использовать

$('selector').data('uiAutocomplete')._renderItem = function (ul, item) { };

Ответ 2

У меня была та же проблема. Вы должны использовать $('selector').data('autocomplete')._renderItem = function (ul, item) {...};

Или просто откройте консоль и введите что-то вроде этого: $('div').autocomplete().data()

Там вы увидите метод, который вы должны использовать. В моем случае это просто "autocomlete"

Ответ 3

Я нашел решение!

Хорошо, я поделюсь с вами своим маленьким опытом. Когда у меня была такая же проблема, я слушал, как люди говорили об изменении "ui-autocomplete" на "uiAutocomplete" или просто "автозаполнение", но это неправильно.

Правильно это действительно "ui-autocomplete", решение этой проблемы не так. Я решаю свою проблему, когда меняю код:

    .data('ui-autocomplete')._renderItem = function (ul, item)

:

    .__renderItem = function(ul, item)

Попробуйте сделать это и скажите мне, что происходит.

Ответ 4

У меня была такая же проблема с этой строкой

.data("autocomplete")._renderItem = function (ul, item) {

Я смог с ошибкой добавить любую из этих

1 - .data('ui-autocomplete')._renderItem = function (ul, item) { 
2 - .data('uiAutocomplete')._renderItem = function (ul, item) { 
3 - .__renderItem = function(ul, item) {