Using c# and jquery to display and filter larger lists on web page

I am using c#, Visual Studio 2010 and jquery to create the following page which displays a list of stock to userse which they can select to download details of:  

screenshot
The "Available Stock" listbox displays all available products.  As the user types into the "Stock Filter" textbox the items in the "Available Stock" listbox are filtered to display only matching items.  Users select the items and click the Add button to select the required items.

This has been working fine for less than 750 products.  We now have to support up to 5000 products we are having problems with the current solution and looking for an alternative which would still allow the user to filter etc.
canuckconsultingAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
Julian HansenConnect With a Mentor Commented:
Have you tried viewing in FF + Firebug to see if any script errors are being generated?

Otherwise post a link so we can have a look
0
 
psreloadedCommented:
Could you tell us about the kinds of issues are you facing?
0
 
Julian HansenCommented:
Why don't you use an ajax solution - as you type into the filter box you have an autocomplete type function that calls back to the server using AJAX and returns a list of products matching the typed in flitered text.
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
canuckconsultingAuthor Commented:
psreloaded - the main issue is the jquery I have written to filter the list does not get called.  The 5000 items appear (I have not checked) to be in the list but javascript keyup events do not fire.

julianH - i need to allow the user to browse the entire list of available product.  So if they want they can scroll through all the products to select.
0
 
canuckconsultingAuthor Commented:
I can't seem to find any errors in firefox or IE.  I am creating a sample and will upload a link shortly.
0
 
canuckconsultingAuthor Commented:
The problem turns out not to be related to list size at all!  Firefox did not report a bug but instead everything worked.  I now realise that the site works flawlessly in Firefox but only works intermitantly in IE 8 and the latest Chrome.

Besides my own js files I am using the JQuery 1.8 library and the relevant code is in a ready() method.  Any thoughts on how I can work out why the browser problem?
0
 
canuckconsultingAuthor Commented:
Ultimatley this took me on the right path.  Thanks!
0
All Courses

From novice to tech pro — start learning today.