jQuery UI Autocompletar: Cuéntelo Mi 'Etiqueta' y 'Valor'

Question

¿Hay alguna manera de decirle a jQuery UI Autocompletar qué índices de matriz JSON usar como 'etiqueta' y 'valor' cuando esos no son los nombres de índice utilizados en la matriz JSON?

El Aray que contiene mis valores de búsqueda se ve así (como registrado por Firebug):

[ Object { id="12", name="Don Davis" }, Object { id="17", name="Stan Smith" } ] 

quiero usar 'id' como la 'etiqueta' y 'nombre' como el 'valor', pero puedo No descubra cómo decir el objeto de configuración.

Mi matriz está contenida en una variable local, no se realiza ninguna llamada Ajax.

Esta response responde a otra pregunta y resuelve el problema creando un formulario oculto, pero parece que hay una manera más clara de manejarlo.

Answer 1

De la lectura de los Jquery UI documentos se puede intentar algo como esto:

<script> 
    $(function() { 
var projects = [ { id: "12",value: "Don Davis" }, { id: "17", value:"Stan Smith" } ] 

    $("#project").autocomplete({ 
     minLength: 0, 
     source: projects, 
     focus: function(event, ui) { 
      $("#project").val(ui.item.value); 
      return false; 
     }, 
     select: function(event, ui) { 
      $("#project").val(ui.item.value); 
      $("#project-id").val(ui.item.id); 

      return false; 
     }, 
     search: function(event, ui) { console.log(event); console.log(ui) } 
    }) 
    .data("autocomplete")._renderItem = function(ul, item) { 
     return $("<li></li>") 
      .data("item.autocomplete", item) 
      .append("<a>" + item.value+"</a>") 
      .appendTo(ul); 
    }; 
});​ 
    </script> 

Answer 2

Debe devolver una matriz de esta manera: (PHP del lado del servidor)

for(...){
$suggest = array('value'=>$value,'label'=>$label); }