Plugin de jquery ui: autocomplete

Me gustó mucho que en la nueva versión de jquery incluyesen esta nueva funcionalidad autocomplete pero aún me parece un poco escasa la documentación en castellano para ella, la he utilizado y no es difícil pero lo malo es que en caso de error no se puede visualizar nada para saber a que se debe, algunas cosas que me he topado son las siguientes:

  • en la distribución oficial no está incluido el archivo ui-anim_basic_16x16.gif necesario en el estilo de este plugin cuando está buscando los datos
  • en archivo search.php de la demo incluye una función array_to_php que es posible utilizarla con versiones de php anteriores a la 5, pero para 5+ es mejor utilizar la propia función de json_encode de PHP.
  • admite 2 tipos de array para convertirlos a json, el array normal de toda la sin índices y un array con cada valor que es un array con 3 claves id, label y value (ejemplo[] = array (‘hola’,’hi’,’hello’) ó array_push(array(‘id’=>’MAD’,’label’=>’Madrid, España’,value=>’Madrid’))), en el primer ejemplo el valor del elemento es lo mostrado y en el segundo se muestra en el desplegable lo que contengo la etiqueta label.
  • Acceder a los valores es sencillo mediante la función success y la variable ui, si existe ui.item entonces podremos acceder a ui.item.id, ui.item.laberl y ui.item.value (aunque se modifique está función siempre al seleccionar un elemento el input de texto del formulario tomará el valor del label)

Comentarios