1

すばらしいプラグインを試してみました ( http://aehlke.github.com/tag-it/ )。

次のようなオブジェクト リストがあります。

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

セットアップで tagSource オプションに渡すもの:

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

私の現在の表示リスト：
現在のリスト


追加のラベルを付けて、このように表示リストを表示したい: 表示リスト

これが私のレンダリング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>

誰かここで私を助けてくれませんか? よろしくお願いします！

前もってありがとう、グル

4

1 に答える 1

0

オプションがレンダリングされた後、このようなものを呼び出すことができます

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);

});

これはそれほど複雑ではないかもしれません

于 2013-02-12T05:03:15.013 に答える