2011-04-16 1 views
0

J'ai trouvé ce joli plugin jquery tag it! http://levycarneiro.com/2010/03/tag-it-tag-suggestions-editor-and-autocomplete-in-a-jquery-ui-plugin/ et que vous souhaitez implémenter dans une application ASP.Net. Après avoir inspecté le code source, j'ai découvert que le plugin ajoute des éléments li supplémentaires (avec des liens de suppression, etc.) dans un ul.Récupérer les tags sélectionnés à partir du tag Jquery! plugin on PostBack

Comment puis-je récupérer les points sélectionnés sur un PostBack?

+0

pourriez-vous expliquer peut-être pourquoi devrait-il y avoir un postback? pouvez-vous pas utiliser ajax pagemethod ou quelque chose comme ça? – naveen

+0

J'ai un formulaire où j'ai certaines zones de texte, listes déroulantes et cetera et ajouter un enregistrement dans ma base de données en fonction de cette entrée. A vouloir ajouter une fonctionnalité de balise à l'enregistrement. Je ne peux donc enregistrer les valeurs sélectionnées qu'après avoir inséré l'enregistrement. Mais je veux le faire avec un soumettre – citronas

+0

ce qui vous empêcherait de sauver des étiquettes sur le clic de client avec la méthode de page et ensuite procédant avec un retour vrai sur la publication? – naveen

Répondre

6

@citronas, j'ai utilisé ce plugin tag jQuery: jQuery Tagit

Je l'ai modifié comme suit à la fois charger le plug-in avec les balises du côté serveur et récupérer les tags sélectionnés sur le côté serveur.

...<script> 
    $(function() { 

     var availableTags = $("#<%= hdnDBTags.ClientID %>").val().split(','); 

     $('#demo1').tagit({ tagSource: availableTags, select: true }); 

     $("#<%= btnGetTags.ClientID %>").click(function() { 
      getTagsString($('#demo1').tagit('tags')) 
     }); 

     function getTagsString(tags) { 
      var string = ""; 

      for (var i in tags) { 
       string += tags[i] + ","; 
      } 

      $("#<%= hdnSelectedTags.ClientID %>").val(string); 
     } 
    }); 
</script> 
<asp:HiddenField ID="hdnDBTags" runat="server" /> 
<asp:HiddenField ID="hdnSelectedTags" runat="server" /> 
<h1> 
    Your Profile</h1> 
<p> 
    <ul id="demo1" name="nameOfSelect"> 
    </ul> 
    <asp:Button ID="btnGetTags" runat="server" Text="Get Tags" OnClick="btnGetTags_Click" /> 
</p> 

Et dans le code derrière:

protected void Page_Load(object sender, EventArgs e) 
{ 
    hdnDBTags.Value = "real_estate,mortgage_lending"; 
} 

protected void btnGetTags_Click(object sender, EventArgs e) 
{ 
    string test = hdnSelectedTags.Value; 

    IList<string> array = test.Split(',').ToList(); 

    array.Remove(""); 
} 

Hope this helps ...

D

Questions connexes