manipulations de zone de liste

Question

J'utilise une zone de liste asp.net. J'ai deux boutons un pour ajouter des articles à la liste et un autre pour enlever. J'utilise la fonction javascript pour supprimer des éléments de la liste. Lorsque j'ajoute à la liste après la suppression. Les éléments supprimés sont également ajoutés.

<asp:ListBox ID="sLstbox" runat="server" Width="250px" Height="150px" TabIndex="10"></asp:ListBox> 

<asp:LinkButton ID="sLbtnAdd" runat="server" ></asp:LinkButton>&nbsp; 
<a href="#" id="hAncRemove" runat="server" onclick="fncRemoveItems();">Remove</a>  

function fncRemoveItems() 
{ 
    var i; 
    var strIDs=""; 
    var items = document.getElementById("sLstbox"); 
    alert(items.options.length); 
    for (i = items.options.length - 1; i >= 0; i--) 
    { 
     if (items.options[i].selected) 
      items.remove(i); 
    } 
} 

IN Code

Protected Sub sLbtnAdd_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles sLbtnAdd.Click 

    Dim li As New ListItem 
    li.Value = "1" 
    li.Text = "test" 
    sLstbox.Items.Add(li) 
End Sub 

Answer 1

Vous devez utiliser < normal Sélectionnez> boîtes dans ce cas. Asp: les listboxes sont destinées à être manipulées côté serveur et vous devez les contourner pour les faire fonctionner comme vous le souhaitez.

Avec les boîtes de sélection normales (serveur runat ou non), il devrait être assez simple.

Answer 2

Si vous voulez vous simplifier la vie et vous donner l'effet 'AJAX', mettez tout simplement dans un UpdatePanel et faites-le côté serveur. Si vous voulez utiliser un asp:ListBox, le manipuler via javascript va faire mal.

Voici un exemple de travail avec le code ASPX et la mise en œuvre de codebehind pour votre scénario:

<asp:UpdatePanel ID="yourUpdatePanel" runat="server"> 
    <ContentTemplate> 
     <asp:ListBox ID="sLstbox" runat="server" Width="250px" Height="150px" TabIndex="10"></asp:ListBox> 
     <asp:LinkButton ID="sLbtnAdd" runat="server" OnClick="sLbtnAdd_Click" ></asp:LinkButton>&nbsp; 
     <asp:LinkButton ID="sLbtnRemove" runat="server" OnClick="sLbtnRemove_Click"></asp:LinkButton>&nbsp;   
    </ContentTemplate> 
</asp:UpdatePanel>  

Dans votre behind:

Protected Sub sLbtnAdd_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles sLbtnAdd.Click    
    Dim li As New ListItem  
    li.Value = "1"  
    li.Text = "test"  
    sLstbox.Items.Add(li)  
End Sub 

Protected Sub sLbtnRemove_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles sLbtnAdd.Click    
    For i As Integer = sLstbox.Items.Count - 1 To 0 Step -1 
     If sLstbox.Items(i).Selected Then 
      sLstbox.Items.Remove(sLstbox.Items(i)) 
     End If 
    Next 
End Sub