Tag il soumettre l'ID pas la valeur ou l'étiquette

Question

en utilisant ce plugin https://github.com/aehlke/tag-it son très cool au fait.

problème

:

 <input type="hidden" name="tags" id="mySingleField" value="Apple, Orange" disabled="true"> 
     Tags:<br> 
     <ul id="mytags"></ul> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#mytags").tagit({ 
      singleField: true, 
      singleFieldNode: $('#mySingleField'), 
      allowSpaces: true, 
      minLength: 2, 
      removeConfirmation: true, 
      tagSource: function (request, response) { 
       //console.log("1"); 
       $.ajax({ 
        url: "../City/GetList", 
        data: { term: request.term }, 
        dataType: "json", 
        success: function (data) { 
         response($.map(data, function (item) { 
          return { 
           label: item.label + " (" + item.id + ")", 
           value: item.value 
          } 
         })); 
        } 
       }); 
      } 
     }); 
    }); 



</script> 

Lorsque balise sélectionne les valeurs qu'il ajoute des valeurs au champ caché au format CSV en valeur attr. je veux qu'il fasse l'ID au lieu que quelqu'un sache comment?

Answer 1

change the tag-it.js file 
comment from line 264 

         //that.createTag(that._cleanedInput()); 

         // The autocomplete doesn't close automatically when TAB is pressed. 
         // So let's ensure that it closes. 
         //that.tagInput.autocomplete('close'); 

around line 285 

       var autocompleteOptions = { 
        select: function(event, ui) { 
    that.createTag(ui.item);       

Create a new function 
assignedTagsData : function(){ 
     // Only to be used when singleField option is not seletced 
     var tags = []; 

     this.tagList.children('.tagit-choice').each(function() { 
       tags.push($(this).data('tag_item_data')); 
      }); 
     return tags; 

    } 



> that.createTag(ui.item); 



    // Create tag. 
     var tag = $('<li></li>') 
      .data('tag_item_data',item) //add this line 
      .addClass('tagit-choice ui-widget-content ui-state-default ui-corner-all') 
      .addClass(additionalClass) 
      .append(label); 

Answer 2

Un certain nombre de choses ici. Vous pouvez régler le délimiteur au lieu d'un fichier CSV à quoi que ce soit en définissant le paramètre en tant que tels dire à un trait de soulignement:

$("#mytags").tagit({ 
    ... 
    singleFieldDelimiter: '_', 
    ... 

Ensuite, vous pouvez modifier le fichier d'étiquette-it.js sur la ligne 197 pour dire utiliser l'attribut ID.

Change:

var tags = node.val().split(this.options.singleFieldDelimiter); 

Pour être

var tags = node.attr("id").split(this.options.singleFieldDelimiter); 

Alors disons que vous avez modifié le champ caché être:

<input type="hidden" name="tags" class="mySingleField" id="Apple_Orange_Banana" value="Apple_Orange" disabled="true"> 

Vous modifier le javascript en tant que tel pour obtenir la sortie désirée:

$(document).ready(function() { 
     $("#mytags").tagit({ 
      singleField: true, 
      singleFieldNode: $('.mySingleField'), 
      singleFieldDelimiter: '_', 
      allowSpaces: true, 
      minLength: 2, 
      removeConfirmation: true, 
      tagSource: function (request, response) { 
       //console.log("1"); 
       $.ajax({ 
        url: "../City/GetList", 
        data: { term: request.term }, 
        dataType: "json", 
        success: function (data) { 
         response($.map(data, function (item) { 
          return { 
           label: item.label + " (" + item.id + ")", 
           value: item.value 
          } 
         })); 
        } 
       }); 
      } 
     }); 
    });