ciara_barry123
asked on
Listbox in a div container.....how to make it work?!?!?1
I have a listbox on my asp.net website. I wanted to display horizontal scrollbars on the listbox...so I put the listbox in a div container. Now the scrollbars both display, however I cannot seem to capture the selected item in the listbox now. It selects fine but the selectedindex is always -1!!!!!!
any help is much appreciated:
here is the code for the listbox:
<div id="myContainer" style="height:70px;width:2 23px;overf low:scroll ; z-index: 116; left: 145px; position: absolute; top: 361px;" atomicselection="false" >
<asp:ListBox ID="ChangeType" runat="server" DataSourceID="ChangeDataSo urce"
DataTextField="NAME"
DataValueField="NAME" SelectionMode="Multiple">< /asp:ListB ox>
</div
it took me ages to get the scrollbar part to work and now this problem :-)
HELP :-)
any help is much appreciated:
here is the code for the listbox:
<div id="myContainer" style="height:70px;width:2
<asp:ListBox ID="ChangeType" runat="server" DataSourceID="ChangeDataSo
DataTextField="NAME"
DataValueField="NAME" SelectionMode="Multiple"><
</div
it took me ages to get the scrollbar part to work and now this problem :-)
HELP :-)
ASKER
jeebukarthikeyan - thanks for the comment :-)
excuse my ignorance...i'm a little confused as to where exactly I would put the code?
If(!IsPostBack)
{
connect();//ur databing code
}
I'm using VB code....
excuse my ignorance...i'm a little confused as to where exactly I would put the code?
If(!IsPostBack)
{
connect();//ur databing code
}
I'm using VB code....
hi,
i have created some thing like ur
<form id="Form1" method="post" runat="server">
<div id="myContainer" style="Z-INDEX:116;LEFT:16 7px;OVERFL OW:scroll; WIDTH:223p x;POSITION :absolute; TOP:100px; HEIGHT:70p x">
<asp:ListBox ID="lst" runat="server" SelectionMode="Multiple" AutoPostBack="True"></asp: ListBox>
</div>
<asp:ListBox ID="Listbox1" runat="server" SelectionMode="Multiple" AutoPostBack="True"></asp: ListBox>
</form>
this is the function which will populate listbox
void connect()
{
DataTable dt = new DataTable();
DataColumn dc = new DataColumn("name");
dt.Columns.Add(dc);
DataRow dr ;
dr = dt.NewRow();
dr["name"]="aaa";
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["name"]="bbb";
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["name"]="bbb";
dt.Rows.Add(dr);
lst.DataTextField = "name";
lst.DataValueField = "name";
lst.DataSource = dt;
lst.DataBind();
}
//code for selected index change
private void lst_SelectedIndexChanged(o bject sender, System.EventArgs e)
{
Response.Write( lst.SelectedIndex.ToString ());
}
//form load
if(!IsPostBack)
{
connect();
}
b u d d h a
i have created some thing like ur
<form id="Form1" method="post" runat="server">
<div id="myContainer" style="Z-INDEX:116;LEFT:16
<asp:ListBox ID="lst" runat="server" SelectionMode="Multiple" AutoPostBack="True"></asp:
</div>
<asp:ListBox ID="Listbox1" runat="server" SelectionMode="Multiple" AutoPostBack="True"></asp:
</form>
this is the function which will populate listbox
void connect()
{
DataTable dt = new DataTable();
DataColumn dc = new DataColumn("name");
dt.Columns.Add(dc);
DataRow dr ;
dr = dt.NewRow();
dr["name"]="aaa";
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["name"]="bbb";
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["name"]="bbb";
dt.Rows.Add(dr);
lst.DataTextField = "name";
lst.DataValueField = "name";
lst.DataSource = dt;
lst.DataBind();
}
//code for selected index change
private void lst_SelectedIndexChanged(o
{
Response.Write( lst.SelectedIndex.ToString
}
//form load
if(!IsPostBack)
{
connect();
}
b u d d h a
ASKER
jeebukarthikeyan - thanks again for the comments....
I think I was confused because I'm using vb not c#?
I'll post all of my code to see if it helps:
in the source section:
<div id="myContainer" style="height:70px;width:2
<asp:ListBox ID="ChangeType" runat="server" DataSourceID="ChangeDataSo
DataTextField="NAME"
DataValueField="NAME" SelectionMode="Multiple" AutoPostBack="True"></asp:
</div>
on the page_load event in the vb code (I'm connecting to a datasource):
Me.ChangeType.DataBind()
ChangeType.Rows = ChangeType.Items.Count
ASKER
and just to clarify:
when the listbox is not in the div tag, it works perfectly.
when I put it in the div tag:
when you select anything in the listbox, the selected index is always -1, so it doesn't seem to be registering that something is selected, even though when you look on the screen, you can see it's selected.
I've been stuck on this all day.....
when the listbox is not in the div tag, it works perfectly.
when I put it in the div tag:
when you select anything in the listbox, the selected index is always -1, so it doesn't seem to be registering that something is selected, even though when you look on the screen, you can see it's selected.
I've been stuck on this all day.....
hi,
where ur calling the function for populating the listboxes....
can u put the code here
b u d d h a
where ur calling the function for populating the listboxes....
can u put the code here
b u d d h a
ASKER
Hi ,
Thanks again for spending time on this:
I'm not actually calling any function to populate..it's automatically bound to the datasource so populates automatically on load....
hope this makes sense
Thanks again for spending time on this:
I'm not actually calling any function to populate..it's automatically bound to the datasource so populates automatically on load....
hope this makes sense
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
no it still doesn't work I'm afraid :-(
any other suggestions?
any other suggestions?
What happens if you use overflow:auto?
Bob
Bob
ASKER
thanks Bob...but unfortunately it still doesn't work it I use overflow auto :-(
Ok, because I see overflow:scroll. Are the values for the DropDownList unique? Did it work before you put it in the <div>?
Bob
Bob
ASKER
Hi bob,
just leaving now for the day but said i'd quickly repsond
yes it worked perfectly before I put it in the div
i only put in the div so I could have a horizontal scrollbar...and when i got that working, I could no longer select :-)
typical
if you have any other ideas, let me know and I'll try them when I get into work tomorrow
thanks for the help
just leaving now for the day but said i'd quickly repsond
yes it worked perfectly before I put it in the div
i only put in the div so I could have a horizontal scrollbar...and when i got that working, I could no longer select :-)
typical
if you have any other ideas, let me know and I'll try them when I get into work tomorrow
thanks for the help
ASKER
ps: sorry bob, I meant that I changed it to overflow auto and it still didn't work :-)
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Ok I figured it out..all it needed was a fresh brain:
in the load section I had the following code:
Me.ChangeType.DataBind()
ChangeType.Rows = ChangeType.Items.Count
which meant every time the user clicked on the listbox, the form was loaded and thus the listbox was reloaded...losing the selection
i added the following code to ensure it was only databound on the first load and it works perfectly....
If FirstTimeLoad <> False Then
Me.ChangeType.DataBind()
ChangeType.Rows = ChangeType.Items.Count
FirstTimeLoad = False
End If
thanks for all the help I'm going to split the points:
hope you think that's fair......
in the load section I had the following code:
Me.ChangeType.DataBind()
ChangeType.Rows = ChangeType.Items.Count
which meant every time the user clicked on the listbox, the form was loaded and thus the listbox was reloaded...losing the selection
i added the following code to ensure it was only databound on the first load and it works perfectly....
If FirstTimeLoad <> False Then
Me.ChangeType.DataBind()
ChangeType.Rows = ChangeType.Items.Count
FirstTimeLoad = False
End If
thanks for all the help I'm going to split the points:
hope you think that's fair......
i have reproduced the code ur using
if(!IsPostBack)
{
connect();//ur databing code
}
put ur list box connecting code with the if(!IsPostBack)
it works
b u d d h a