Click here to Skip to main content
13,549,436 members
Rate this:
Please Sign up or sign in to vote.
I have ASP.NET/MVC/Jquery web project. In One of the pages, a partial view will be rendered on a click of a button in the main page. This partial page have a table with more than 1000 rows with a text box in one column in each row.

I have a kind of performance issue when I type in the text box. Find below the factors.

1. When I type in any of the textbox inside the table, the rendering of the typed in character is very slow.
2. When the focus shift from that text box, the focus shift is taking more time. For Eg. when I click tab from a text box to go to another text box, I can literally wait for about 3-6 secs to get the focus on the next text box.

I appreciate someones help on this!
Posted 30-Jan-13 23:34pm
Updated 31-Jan-13 1:11am
MikeMeinz 31-Jan-13 7:38am
1,000 rows on a web page. Wouldn't that cause your performance issue? Try it with 50 rows and see if there is a performance difference. If so, that's the cause of your problem!
Vijayavel-Nadar 1-Feb-13 8:06am
Yes mike...I tried with less number of rows starting from 10 rows. The focus out issue is directly proportional to number of rows in the table :(
NIRAL-SONI 31-Jan-13 11:34am
I agree with what Mike has stated. It would be good if you use pagination for displaying 1000 records.
And also, try to set TABINDEX property of each textbox and see if it works.
Vijayavel-Nadar 1-Feb-13 8:01am
I removed the Jquery validator out of this page. After this the typing speed has really back to normal where as I still have the focus out issue. The moment I type something and tabbed out(focus out) from that text box, it is taking unusual time to focus into another control. After this when I cheched the contol, I do see that couple of attributes got added to the control by Jquery it seems. Find below those attributes.

jquery***********="****" (** some random numbers)

Hope jquery is doing something behind the scene and that decreases the performance.
Vijayavel-Nadar 1-Feb-13 9:49am
I somehow wrapped the table with Jquery datatable which will actively showing 10 records and the remaining will in the pagination. But still no luck!

1 solution

Rate this: bad
Please Sign up or sign in to vote.

Solution 1


1. Retrieve and Display no more than 50 rows at a time to improve performance and allow the user to click "Next" to view more.

2. Allow the user to navigate to a section of the data via a search and then retrieve and display only rows that meet the selection criteria.

3. Display a folder or tree structure and allow the user to select a node to display the rows that belong to that node.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy |
Web04-2016 | 2.8.180515.1 | Last Updated 7 Feb 2013
Copyright © CodeProject, 1999-2018
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100