Ajax On LargeData based control panel
I am working on some kind of CRM application that has huge sales data with all clients, etc. (ASP.NET 2.0 / Ajax)
I want to create a dashboard that will have four separate data containers, each container will have different data types, and each container has to refresh it after some given time interval. so I only want to update the part of the page that is not the whole page
What should I use in the above asp.net updatePanel script or jQuery implementation (which method and why)
Because performance is important here.
source to share
Both ASP.NET UpdatePanel and jQuery (or a combination of both) will serve you in this case; if you have no experience with any of these, I would recommend the UpdatePanel path because it is closer to the regular ASP.NET code you are used to.
This article will give you 90%, all you have to do at the end is put in some simple javascript to trigger an update every X seconds; something like window.setTimeout("Button1.click()",5000)
if you want to refresh the panel every 5 seconds. If you don't want the button to be visible to users, just make it hidden with CSS.
There are more elegant approaches (using JSON, web services, client-side templating, etc.), but this is an easy way to get the job done.
source to share
ASP.NET UpdatePanel is easy to set up, but terrible to debug in my experience.
Doing this with jQuery (or some other JS framework) and the .NET AJAX library is more efficient work, but much easier to improve and maintain later.
The UpdatePanel traffic is much more than the JSON you use with your own solution, in case that is a concern.
source to share
Also you can use dynamic panel structure and convert update panels to drag and drop widgets.
It is a browser independent web part for Asp.Net.