ASP.NET UI
There are two Listboxes – list1 and list2. And four buttons. We want to move items from the one Listbox to another.
There is a:
- Add button to add selected items.
- Add All button to add all items.
- Remove button to remove selected items.
- Remove All button to remove all items.
We are using classic ASP.NET Web forms.
<div>
<asp:ListBox ID="list1" runat="server">
<asp:ListItem Text="One"></asp:ListItem>
<asp:ListItem Text="Two"></asp:ListItem>
<asp:ListItem Text="Three"></asp:ListItem>
</asp:ListBox>
<asp:Button ID="btnAdd" runat="server" Text=">" />
<asp:Button ID="btnAddAll" runat="server" Text=">>" />
<asp:Button ID="btnRemove" runat="server" Text="<"/>
<asp:Button ID="btnRemoveAll" runat="server" Text="<<" />
<asp:ListBox ID="list2" runat="server"></asp:ListBox>
</div>
jQuery
The jQuery code for moving items is simple enough.…