I am developing an asp.net website with two column layout. On the left side we have menu items. Based on the click of the menu item, contents of the right item changes (visibility is toggled). Contents of the right side are tabular data. The tables provide details based on the selected menu item.
Environment: Visual Studio 2010, ASP.Net 4.0
Service: WCF service (We have control over the service)
Now, I have full flexibility of deciding the behavior so long as the performance is good.
Requirements
The tables require paging and sorting. The tables should be able to do server side paging (or custom paging) as loading all data in the first load will be a performance hit.
The loading of “right side content” should be partial rendering. I am planning to control the visibility of various elements based on the clicked menu item. There will be around 10 tables in the page. Hence the table data should be loaded on demand only. When the page is loaded for the first time, it should be having data only in one table. Other tables should be blank.
I can use proven open source jQuery plugins
There are many ways to achieve it starting with use of Grid View. What is the best suitable control for the above tabular functionality?
READING
High Performance Websites http://video.yahoo.com/watch/1040890/3880720
ASP.NET Performance Checklist http://msdn.microsoft.com/en-us/library/ms998596.aspx
Efficiently Paging Through Large Amounts of Data (C#) http://www.asp.net/web-forms/tutorials/data-access/paging-and-sorting/efficiently-paging-through-large-amounts-of-data-cs