Hello,
I used the below code to move selected items between two listboxes
Left and Right:-
<%@ Page Language="C#" AutoEventWireup ="true"
CodeFile="TestP opup.aspx.cs" Inherits="TestP opup" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitl ed Page</title>
<script type="text/javascript">
/*
- Function MoveItems()
- Direction: Specifies direction i.e. L = Left, R = Right
- All: Move All items 1 = All, 0 = Selected
*/
function MoveItems(Direc tion, All)
{
var LstLeft;
var LstRight;
var Removed = '';
var i;
if (Direction == 'R')
{
var LstLeft = document.getEle mentById("<
%=LstLeft.Clien tID %>");
var LstRight = document.getEle mentById("<
%=LstRight.Clie ntID %>");
}
else
{
var LstLeft = document.getEle mentById("<
%=LstRight.Clie ntID %>");
var LstRight = document.getEle mentById("<
%=LstLeft.Clien tID %>");
}
for (i=0; i<LstLeft.lengt h; i++)
{
if (LstLeft.option s[i].selected || All == 1)
if(ItemExists(L stRight, LstLeft.options[i].value)
== 0)
{
LstRight[LstRight.length] = new
Option(LstLeft. options[i].text, LstLeft.options[i].value, true);
Removed = Removed + LstLeft.options[i].value +
',';
}
}
RemoveFromList( LstLeft, Removed);
return false;
}
function RemoveFromList (Lst, Items)
{
var Removed = Items.split(',' );
var j;
var x;
for (j=0; j<Removed.lengt h; j++)
{
for (x=0; x<Lst.length; x++)
{
if (Lst.options[x] != null && Lst.options[x].value
== Removed[j])
{
Lst.options[x] = null;
}
}
}
}
function ItemExists(Lst, value)
{
var Flag = 0;
var i = 0;
for (i=0; i<Lst.length; i++)
{
if (Lst.options[i].value == value)
{
Flag = 1;
break;
}
}
return Flag;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ListBox ID="LstLeft" runat="server"
SelectionMode=" multiple" Width="200px" Rows="5" >
<asp:ListItem Value="0" Text="Farhan"></asp:ListItem>
<asp:ListItem Value="1" Text="Moin"></asp:ListItem>
<asp:ListItem Value="2" Text="Haroon"></asp:ListItem>
<asp:ListItem Value="3" Text="Khurram"> </asp:ListItem>
<asp:ListItem Value="4" Text="Mansur"></asp:ListItem>
</asp:ListBox>
<asp:ListBox ID="LstRight" runat="server"
SelectionMode=" multiple" Width="200px" Rows="5">
</asp:ListBox>
<br />
<asp:Button ID="BtnRight" runat="server" Text=">"
OnClientClick=" return MoveItems('R', 0);" />
<asp:Button ID="BtnLeft" runat="server" Text="<"
OnClientClick=" return MoveItems('L', 0);"/>
<asp:Button ID="BtnRightAll " runat="server" Text=">>"
OnClientClick=" return MoveItems('R', 1);" />
<asp:Button ID="BtnLeftAll " runat="server" Text="<<"
OnClientClick=" return MoveItems('L', 1);" />
</div>
</form>
</body>
</html>
Problem:-
I am unable to retrieve the items of the listbox on postback which are
filled using the javascipt code as shown above.
I am able to retrieve all the other fields values on postback , but
these two listboxes don't show the updated count and items list.The
rightbox items count on postback is zero though the items are moved
into it from the left listbox.
I am using EnableEventVali dation="false" .
Please help me with how to retrieve the updated listbox items on
postback.
Thanks ,
Divya
