Click here to Skip to main content
15,867,997 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
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
Updated 22-Oct-18 18:32pm
v2
Comments
Mike Meinz 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    
Mike/Niral-
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.

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

Hope jquery is doing something behind the scene and that decreases the performance.
Vijayavel Nadar 1-Feb-13 9:49am    
Mike-
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

Options:

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.
 
Share this answer
 
v2

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



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900