jQuery Tag-It - utilisation d'une liste d'étiquettes et de valeurs

Question

J'essaie un plugin génial (http://aehlke.github.com/tag-it/).

J'ai une liste d'objets comme celui-ci:

var category = [{label:'Photographer',value:'Guruh'},{label:'Photographer',value:'Citta'},{label:'Photographer',value:'Zaki'},{label:'Version',value:'737'},{label:'Version',value:'738'}]; 

que je passe à l'option tagSource dans ma configuration:

$("#my_list_tags").tagit({ 
    tagSource: category, 
    singleField: true, 
    singleFieldNode: $("#my_list"), 
    placeholderText: "Start typing..." 
}); 

ma liste d'affichage actuelle:

Je veux montrer ma liste d'affichage comme ceci avec une étiquette supplémentaire:

Voici mon rendu html:

<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 1; top: 50px; left: 12px; display: none; width: 294px;"> 
<li class="ui-menu-item" role="menuitem"> 
    <a class="ui-corner-all" tabindex="-1">Guruh SKOM</a> 
</li> 
<li class="ui-menu-item" role="menuitem"> 
    <a class="ui-corner-all" tabindex="-1">guruh</a> 
</li> 
</ul> 

Quelqu'un pourrait-il s'il vous plaît me aider? Je serais très apprécié!

Merci à l'avance, guruh

Answer 1

vous pouvez appeler quelque chose comme ceci après vos options sont rendus

var category = [{label:'Photographer',value:'Guruh'},{label:'Photographer',value:'Citta'},{label:'Photographer',value:'Zaki'},{label:'Version',value:'737'},{label:'Version',value:'738'}]; 

$("a.ui-corner-all").each(function(){ 

    var txt = $(this).text(); 
    var lblIndex; 
    var lblValue; 


    $.each(category, function (index, singleObj) { 
      if(singleObj.value == txt) 
      { 
       lblValue = singleObj.label; 
       return false; 
      } 
    });   


    $(this).text(txt + " " + lblValue); 

}); 

Cela peut être pas plus complexe