Click here to Skip to main content
11,789,710 members (65,023 online)
Rate this: bad
Please Sign up or sign in to vote.
See more: ASP.NET Javascript HTML MVC jQuery , +
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
Edited 31-Jan-13 1:11am
Mike Meinz at 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 at 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 at 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 at 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 at 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
0 OriginalGriff 999
1 Maciej Los 765
2 KrunalRohit 686
3 CPallini 606
4 Richard MacCutchan 430

Advertise | Privacy | Mobile
Web01 | 2.8.1509028.1 | Last Updated 7 Feb 2013
Copyright © CodeProject, 1999-2015
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