Web Forms :: Javascript To Set The Scroll Bar In A ListBox?

Jan 20, 2011

I have a custom C# created listbox. This listbox is a multiple select listbox. Unfortunately, the client I am working with wants it to populate with customer data. This returns well over 20k options. I am getting this from SQL. So the list is dynamic, depending on the customers in the table in SQL. The list is ordered alphabetically by the customers last name. So Jim A would be first and Tony Z would be last.

The problem I am having is that the list is so large, and needs to stay at around 100px in height, it is damn near impossible to navigate (think watching an hour long youtube video, clicking a millimeter and skipping like 10 minutes of time). Sorting through the entire list would take a little longer, but, I can always add a loading jquery pop up for the second or two it would take. I already added a row of A-Z links to the bottom out of the listbox control.

Inside my if is where the magic needs to happen. Anybody know of a way to scroll to that value? I cannot imagine it would be this difficult. I tried selecting that value, then item.scrollIntoView() then deselecting that value. I do not want to select the first value, but rather just scroll to it. (think like an ipod touch songs list). Is there anyway to find the scroll bar position of the particular item then scroll to it?

View 1 Replies

Similar Messages:

Javascript - Scroll To First Selected Item In ListBox

Nov 17, 2010

is there an easy way to scroll an ASP.Net ListBox automatically to the first selected Item? The ListBox has SelectioMode="Multiple".

<asp:ListBox ID="LbSymptomCodesEdit" CausesValidation="true" ValidationGroup="VG_SAVE" Height="100%" Width="100%" runat="server" SelectionMode="Multiple"></asp:ListBox>

The ListBox is in the EditItemTemplate of a FormView inside of an UpdatePanel. jQuery is possible but it would be great if there would be an asp.net serverside(or Ajax) way to achieve this because i don't want to use more client scripts than really needed(and this is only a nice to have).

View 1 Replies

Web Forms :: Set The Scroll Position Of A ListBox?

Aug 13, 2010

I have found many articles claiming to show you how to set the scroll position of a ListBox, but what they really end up showing you is how to set the SelectedIndex of a ListBox.

Here is what I need: a databound ListBox that's usually going to have around 25 items in it. When the page loads, ALL of the items in the ListBox are selected, and the ListBox is scrolled all the way to the bottom.

I've got the "All items Selected" requirement already, but I can't figure out how to get the "Scroll to the bottom" done.

View 4 Replies

Web Forms :: Listbox Auto Postback - How To Maintain Scroll Position

Mar 11, 2010

I have an asp.net listbox with 15 rows and auto postback when the selected item is changed. This works as expected but, when the form is re-loaded, IE scrolls the list so that the last selected item is now the top visible item in the list. This produces a confusing/jumpy effect for the users and makes the listbox more difficult to use than it needs to be.

Is there any way to get the list scroll position to stay as it was before the postback? i.e, if I select an item from the middle of the listbox, the listbox is scrolled to the same point after postback.

I am using .Net 3.5 but no AJAX.

View 6 Replies

Label With Scroll Bars Scroll To The End Using Javascript?

Jul 14, 2010

I have a an asp.net label control on my page.I have set the style to overflow: auto.

What i would like to know, is when there is a lot of text in my label and the vertical scroll bar is showing, is there away i can scroll to the end of the label using javascript?I would like the user to always see the bottom section of the label.

View 1 Replies

Horizontal Scroll Bar In Listbox?

Sep 17, 2010

I got a problem in horzontal scrollbar in listbox. For Asp.Net, i put the div and inside placed the scroll bar. I got the horizontal scroll bar. But in list box if it is large data, it is scrolled a list box, not scrolled list box inside data. I put the code here.



View 3 Replies

Listbox Scroll-bar Position Retention?

Jan 8, 2010

how would i get the listbox vertical scroll bar to keep its posisition on postback ?nb I only care about the listbox scroll-bar not page.

View 5 Replies

Make The Listbox Scroll To The Selected Item?

Sep 9, 2010

I have a textbox that searches the listbox below it and selects the text that I types in the textbox. Now although the item is selected in the listbox I have to scroll to the end to see if the item is selected ornot
IS there a way that I can make the list box scroll to the selected item?

View 27 Replies

Set Scroll Bar To Selected Item In Multiple Select Listbox

Feb 1, 2010

I have a multiple select Listbox.When I click on it then it post backs and scroll back to the top of the Listbox. Is there any property to prevent it?

View 1 Replies

Forms Data Controls :: Maintaining Scroll Bar Position With Javascript?

Jun 22, 2010

I have a scroll bar in GridView. I m maintaining scroll bar position with javascript. It is working fine.

I have one more datagrid in the same page. I want to apply same Javascript to that datagrid also. Here is the javascript I used.

<script language="javascript" type="text/javascript">
var scrollTop;
function BeginRequestHandler(sender, args)
var m = document.getElementById('divexample2');
function EndRequestHandler(sender, args)
var m = document.getElementById('divexample2');
m.scrollTop = scrollTop;

and here is the reference [URL]

View 12 Replies

Javascript - Add / Remove Items From One ListBox Control To Another ListBox Control?

Oct 10, 2010

I'm moving itmes from one ASP.NET ListBox control to another ListBox control from client-side. It works on the client-side but when I tried to count items in destination ListBox on the server-side, it's always nothing. Below, is the jQuery code used to add/remove items from ListBox control.


I know that we can add/remove items from ListBox from server-side. But I'd like to get it done from client-side. Why there isn't anything in the destination ListBox when counting the items from the code-behind, eventhough the items are added from the client-side already.

View 3 Replies

Javascript - Scroll To Panel After Postback C#

Nov 19, 2010

How do i scroll to a panel within an updatepanel after i load the content

View 4 Replies

Web Forms :: Can't Enable Listbox Inside Detailsview Using Javascript

May 17, 2010

I have a checkbox together with a listbox displaying all countries inside edititemtemplate of detailsview. What I tried to achieve is that if the user checks checkbox then listbox will be disabled and vice versa.

Here is my code


When I run the page, the listbox was truely enabled when I unchecked the checkbox. But when I tried to update on the server side the listbox is still disabled and couldn't find the selected items.

View 2 Replies

Javascript - How To Keep Whole Page Scroll Position After Asynchronous Postback

Oct 16, 2010

i am using asp.net 4.0 iis 7.5 microsoft visual studio 2010

what i want is keep whole page (browser) scroll position (not a div or panel) when asynchronous postback happened (update panel) how can i do this actually i had a function which can keep div scroll bar position after postback like this

<script type="text/javascript">
var xPos, yPos;
var prm = Sys.WebForms.PageRequestManager.getInstance();
function BeginRequestHandler(sender, args) {
xPos = document.getElementById('Main').scrollLeft;
yPos = document.getElementById('Main').scrollTop;
function EndRequestHandler(sender, args) {
document.getElementById('Main').scrollLeft = xPos;
document.getElementById('Main').scrollTop = yPos;

bu i could not find browser scroll bar id to get its values to get with document.getElementById

View 1 Replies

Javascript - Unable To Print The Full Content Of Page When Horizontal Scroll Bar Appears

Mar 4, 2011

I need to print the current page in the asp.net application for that I am using javascript:window.print().

It's working fine when the page content is within the bounds. However, if the horizontal scrollbar appears as a result of overflow, am able to print only the visible content while the overflown contents couldn't be printed.

Is there any workaround to get this working? Is there any other alternative apart from javascript to achieve this functionality?

View 1 Replies

Javascript - Add Textbox Value To Listbox On Tab?

Sep 21, 2010

II am working website which is going to be accessed by a motorola device(scanner) but the functionality needs to be same a normal/usual website. On one of the page I have a textbox -> productID and listbox which can have multiple productID. Now when the focus is on textbox and it scans the productID ,the scanner returns a tab,now after this happens I need to add the textbox value to the listbox and empty the textbox and set focus on the textbox. I also should be able to delete a productId from the list.How can I achieve this using Jquery?

<table style=" width:220px;">
<td style=" width:120px;">cost</td>
<td style=" width:100px;"><asp:TextBox ID="txt_cost" runat="server"></asp:TextBox></td>
<td style=" width:120px;">Product ID</td>
<td style=" width:100px;"><asp:TextBox ID="txt_ProdID" runat="server"></asp:TextBox></td>
<td style=" width:120px;">List of ProductID</td>
<td style=" width:100px;"><asp:ListBox ID="lst_ProductId" runat="server"></asp:ListBox> </td>
<td style=" width:120px;"><asp:Button ID="btn_Update" runat="server" Text="Update" /></td>
<td style=" width:100px;"><asp:Button ID="btn_Remove" runat="server" Text="Remove" /></td>

View 3 Replies

Forms Data Controls :: ListBox, Array List / Update The Listbox Content?

Mar 26, 2011

I am designing a program that will let me enter the name of an item to swap and adds the swap to an array list when a button Add is pressed. Once the item is added to the array list a Sub Procedure should be called which displays the contents of the array list in a list box.

The system will also allow me to remove items from the array list using a Remove button

followed by updating array list.

I have done some part which puts item into the listbox1 which i named lstSwapList.I would need some assistance on the Sub Procedure to display the Value or Description on the other listbox2 which i have also named lstContent,if a value is selected from the listbox1.

I would also want to know how to update the Listbox content,However i hv added a sample of the way i guess it may be.

Any complete solution from anybody on the Sub Procedure and the Update Swap procedure will be greately appreciated.

&#65279;The script below is what i have done so far.

Partial Class _Default
Inherits System.Web.UI.Page
Protected Sub lstContent_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles lstContent.SelectedIndexChanged
End Sub
Protected Sub lstSwapList_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles lstSwapList.SelectedIndexChanged
End Sub
Protected Sub btnAddSwap_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnAddSwap.Click
Dim SwapValue As String = "Sixty Pounds"
Dim Counter As Integer = 8
Dim SwapN0 As Integer
lstSwapList.Items.Add(New ListItem("300", "1"))
lstSwapList.Items.Add(New ListItem("ASP.Net", "2"))
lstSwapList.Items.Add(New ListItem("Programming", "3"))
SwapN0 = lstSwapList.SelectedValue
For Counter = 0 To -1
SwapN0 = lstContent.Items.Count
End Sub
Protected Sub btnDeleteSwap_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnDeleteSwap.Click
End Sub
Protected Sub btnUpdateSwap_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnUpdateSwap.Click
End Sub
End Class

Sub UpdateSwap(ByVal valueA As String, ByVal ValueBAs String, ByVal ValueC As Integer, ByVal ValueD As Date)

View 1 Replies

Web Forms :: Adding Item To Listbox From Another Listbox Taking Way Too Long?

Mar 4, 2010

I have two list boxes, one has a list of available users (about 1500 items) and the other is blank. There is a button to add the seleted items from the first list box to the second one. Both of these listboxes are within an update panel and for some reason it takes over 20 seconds for the items to show up in the second listbox.

Is this normal? Is there an alternate, faster way of doing this?

View 6 Replies

Using Javascript To Detect When User Has Selected Item In Listbox?

Mar 16, 2010

I am developing an ASP.NET web application that incorporates google maps. I have an ASP.NET listbox on my page which contains a list of items. When the user selects one of the items, I'd like to show this item on the map. The main complication lies in the fact that google maps uses javascript to control it and the listbox is a server control.

I can think of two ways to do this. The first would involve the listbox calling a javascript function when the user selects a new item. I can then write this function to perform the necessary map operations. Unfortunately, the OnSelectedIndexChanged property of the listbox doesn't seem to support javascript functions.

The second involves wrapping an UpdatePanel around the listbox and getting the listbox to perform a postback. In the SelectedIndexChanged event in VB/C#, I would the need to somehow make a call to a javascript function which would then update the map.

View 3 Replies

C# - Textbox Value To Filter Databound ListBox Items Using JavaScript?

Mar 8, 2010

I have a ListBox which is bound to a list of data items.

Now I want the user to be able to filter the items shown in the ListBox based on the search expression typed in the TextBox. For each character typed in the TextBox, the ListBox items should change to show only the items matching the search expression.

View 1 Replies

Javascript - Does The ListBox SelectedIndexChanged Event Require Postback

Oct 25, 2010

I'm trying to add a JavaScript function to show all selected items from a ListBox as concatentated strings in a Label on the page. It's needed because AutoPostBack="true" will cause the ListBox to scroll all the way back to the first selected item.

So this code works:

<script type="text/javascript">
function Updatelist() {
var sel = document.getElementById('<%=lstbxStuff.ClientID%>');
var lbl = document.getElementById('ctl00_cph_lblSelectedStuff');


Unfortunately I still need the code behind SelectedIndexChanged delegate. Is there a way to use both of these without doing a PostBack? When I set AutoPostBack="false", my delegate never seems to be reached.

View 2 Replies

Data Controls :: Implement Infinite Scroll (Load Data On Page Scroll) In ListView Control Using JQuery

May 7, 2015

Article here [URL] ....

The code only working for DataList what if I want replace it with ListView just cuz I need my items design responsive ...

View 1 Replies

C# - Post Back Occurs JavaScript Listbox Items Lost?

Jan 6, 2011

i have 10 list boxes in my aspx page for all 10 list boxes same function is using for some buttons i want to add listbox data to grid can you java script code shown below


i tried a javascript above code to move items between listbox using html input button problem when i trying to save listbox.items.count giving 0 can anyone tell me why this happening and also when post back occurs listbox items lost.

View 1 Replies

Web Forms :: Error "value Of Type System.web.ui.webcontrols.listbox Cannot Be Converted To Myprojectname.listbox" In Vs 2008

Aug 3, 2010

All i did is added an existing webform from vs 2003 project to vs 2008. with Listbox1 control this error is appearing. value of type system.web.ui.webcontrols.listbox cannot be converted to "myprojectname.listbox"

i also have the control defined on the top: Protected WithEvents Listbox1 As System.Web.UI.WebControls.ListBox I have converted lot of pages which were used in vs 2003 to vs 2008 without any problem, also tried to right click teh webform and go to code gen file , but the file is not coming up.

View 1 Replies

DataSource Controls :: Auto-populated Listbox Based On Selection From Other Listbox?

Feb 22, 2011

I'm trying to auto-populate a listbox of zip codes from a database table state_zipcode_plans based on the state a user selects from the previous listbox. I'm getting the error: Must declare the scalar variable @state_code.


View 3 Replies

Copyrights 2005-15 www.BigResource.com, All rights reserved