Click here to Skip to main content
Rate this: bad
good
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 31-Jan-13 0:34am
Edited 31-Jan-13 2:11am
v2
Comments
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
   
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 at 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

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

Solution 1

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.
  Permalink  
v2

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

  Print Answers RSS
0 OriginalGriff 410
1 Sergey Alexandrovich Kryukov 400
2 ProgramFOX 275
3 Maciej Los 245
4 CHill60 215
0 OriginalGriff 360
1 ProgramFOX 265
2 Maciej Los 235
3 CHill60 200
4 RyanDev 170


Advertise | Privacy | Mobile
Web03 | 2.8.150331.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