[jQuery] Autocomplete: Cómo agregar un item “al final” sobrescribiendo el método renderMenu

La idea simple, de los resultados que obtenemos en el widget Autocomplete de jQueryUI se necesitaba agregar un ítem al final del listado (ul/li) que renderiza dicho control.
La idea en imagen:

SNAGHTML5695f55a

Para verlo y jugar un poco en el editor online JSFiddle http://jsfiddle.net/fernandezja/bjLtX/

 

¿Como nos ayudamos para insertar un item? Método _renderMenu

Si bien hace un par dos años esto estaba un poco perdido… ahora que reflote esto veo que en la documentación  del Autocomplete ya tenemos los métodos documentados, ya que son método “privados”

SNAGHTML569db05b

En este caso nos ayudamos de _renderMenu

El método _renderMenu

Lo puedes ver en el repositorio de Autocomplete que lo tenemos disponible en GitHub
Recibe la lista html ul y los items a renderizar, por cada uno llama al método _renderItemData (que también en otra oportunidad nos puede ser útil, dale una mirada)

SNAGHTML56a6b7e1

Entonces solo debemos sobrescribir dicho método y al finalizar realizar un append en ul

Ejemplo simple

Un poco de código simple para ejemplificar http://jsfiddle.net/fernandezja/bjLtX/

SNAGHTML56ba1594

 

Espero que les sirva de ayuda o guía

 

Un comentario en “[jQuery] Autocomplete: Cómo agregar un item “al final” sobrescribiendo el método renderMenu”

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *