Rendering di più elenchi nell'interfaccia utente jQuery Completamento automatico

Question

Sto provando a creare la ricerca di siti Web, che copre più oggetti/modelli e volevo utilizzare il completamento automatico di jQuery per mostrare dinamicamente i dati. Il problema è che voglio passare tre elenchi json invece di uno e visualizzare tre elenchi (<ul></ul>) e non uno. L'ho fatto passando un dict contenente json list come source, ma non ho idea di come quindi coprire ogni voce di dict separatamente. I figura Devo usare _renderMenu e _renderItem, ma non riesco a capire come.

Grazie in anticipo.

EDIT

posso manipolare i dati però che voglio; per ora ho:

{"ingredients": "[]", 
"products": "[]", 
"news": "[{"id": 7, "value": "Test revisionjjjj", "label": "Test revisionjjjj"}]"} 

E voglio avere come qualcosa di simile a:

<li class="ingredients"></li> 
<li class="products"></li> 
<li class="news"> 
    <ul ...>Test revisionjjjj</ul> 
</li> 

Answer 1

Secondo esempi jQuery si dovrebbe fare qualcosa di simile:

$.widget("custom.catcomplete", $.ui.autocomplete, { 
    _create: function() { 
     this._super(); 
     this.widget().menu("option", "items", "> :not(.ui-autocomplete-category)"); 
    }, 
    _renderMenu: function(ul, items) { 
     var that = this; 
     $.each(items, function(key, value) { 
      ul.append("<li class='ui-autocomplete-category'>" + key + "</li>"); 
      $.each(items, function(index, item) {    
       var li = that._renderItemData(ul, item); 
      }); 
     } 
    } 
}); 

I don' t testarlo. È solo un'idea