jquery-ui - ejemplo - jquery autocomplete select

jQueryUI versión 1.10 autocompletar: cómo configurar_renderItem?

Question

Desde que cambié de jqueryui 1.8.1 a 1.10.x me di cuenta de que mi procesador de elementos personalizados ya no funciona:

Uncaught TypeError: Cannot set property ''_renderItem'' of undefined 

¿Qué es diferente en las nuevas versiones de jqueryui?

Aquí mi código:

$("#lexicon-search-input")
        .autocomplete({
        ...
        }).data("autocomplete")._renderItem = customItemRenderer;

Esto estaba trabajando en jqueryui 1.8.1 pero no en 1.10.3.

Una cosa más: utilizo múltiples campos de autocompletar. Por lo tanto, no puedo establecerlo globalmente. Por ejemplo, $ .ui.autocomplete.prototype._renderItem = customRenderItem funcionaría, pero afectará a todas mis autocompletas.

Answer 1

Usar ui-autocomplete en su lugar debería resolver su problema.

$("#lexicon-search-input")
    .autocomplete({
    ...
    }).data("ui-autocomplete")._renderItem = customItemRenderer;

Consulte la documentation de un tutorial sobre cómo usar _renderItem (especialmente el código fuente)

Si desea crear la función _renderItem para múltiples autocompletas con la clase yourClass solo utilícela en el createevent

$(''.yourClass'').autocomplete({
    create: function() {
        $(this).data(''ui-autocomplete'')._renderItem ....
    }
});

Vea otra answer mía sobre ese tema.