Going For AJAX: couple

Monday, March 26, 2012

how do I develop an Atlas application?

I have been developing asp.net applications for a couple of years now and am trying to get my head around this atlas/ajax thing.

If I was to build an application of say 20 .aspx pages I would know exactly how to go about it but I am a bit stumped on how to start an Atlas enabled one that is maintainable in a logical manner.

Instead of seperate aspx pages, do I use a user control for each "page" instead and make ajax call backs from a single page?

I can follow the examples on the Atlas website but they tend to contain only a little bit of functionality on each page - is this the way that most people are using it?

Are there any online documents that describe best practices for architecting a decent sized application using Atlas?

Any help or direction pointing would be appreciated.

cheers

Yes, I'm still organizing my sites into logical pages with atlas being used to update sections of the page dynamically, but the same principles hold true with normal asp.net functionality. You wouldn't create a site with only one asp.net page and try to handle all your functionality within just that one page with showing/hiding placeholders and event handlers for all your events. (At least I wouldn't!) I don't think you'd do the same with atlas. At some point you're going to want to load a new page, and that involves communicating with the server. I think there's only so much you want the client/surfer's PC doing - some things are better/safer when handled on the server and the resulting html returned to the client browser. It depends on your needs and what you're trying to do. That's just my .02.

(Plus you can't have an updatepanel inside a template, like a repeateritem, (yet :), so that really limits alot of what you can do anyway within just one aspx page)

i have worked on application which involves team management and it was round abt 20 pags app. We have put ajax on main pages like tasks list, billing pages and hours tracking page. Rest of the site, which involves add,edit ,delete such as for users ,projects etc ; we have used normal post back.

Dont design ur web app like a win app, with one form and many user controls. This will cause head ache in future.

ok thanks for that guys.

that actually helps a lot - I was getting myself confused with what was "possible". It looks like performance is still king in asp.net Smile

Wednesday, March 21, 2012

How can I tell when an updatepanel has finished updating?

Hi,

Hopefully this is a simpe question! I have a couple of UpdatePanels on my page, and at the top a "Save all" button that calls the "Update" method on each of these updatepanels which gets them to save their contents. Immediatly after doing the updates, I need to render a graph of the data. The problem I have is that the UpdatePanel "updates" are all asynchronous, so my graph doesn't always pick up the newly saved information - because its still being saved while the graph is created.

What I need to do is either get the UpdatePanels to update synchronously, or have some way to fire server-side code once they have finished.

Is this possible?

Thanks!

Matt

Why not update the graph at the end of your "Save all" event handler, if that's what it is you want to do?

Hi,

You cann't process multi-Asyncpostbacks at the sametime, You can process them one by one when you click "Save all".

Following is a demo:

<%@. Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected void Button1_Click(object sender, EventArgs e)
{
System.Threading.Thread.Sleep(3000);
Label1.Text = "The time is: " + DateTime.Now.ToString();
}
protected void Button2_Click(object sender, EventArgs e)
{
System.Threading.Thread.Sleep(3000);
Label2.Text = "The time is: " + DateTime.Now.ToString();
}
protected void Button3_Click(object sender, EventArgs e)
{
System.Threading.Thread.Sleep(3000);
Label3.Text = "The time is: " + DateTime.Now.ToString();
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>UpdatePanelTutorialIntro1</title>
<style type="text/css">
#UpdatePanel1 {
width:300px; height:100px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div style="padding-top: 10px">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdateProgress ID="UpdateProgress1" runat="server">
<ProgressTemplate>
Processing…
</ProgressTemplate>
</asp:UpdateProgress>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<fieldset>
<legend>UpdatePanel</legend>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label><br />
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
</fieldset>
</ContentTemplate>
</asp:UpdatePanel>
<br />
<br />
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<fieldset>
<legend>UpdatePanel</legend>
<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label><br />
<asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="Button" />
</fieldset>
</ContentTemplate>
</asp:UpdatePanel>
<br />
<br />
<asp:UpdatePanel ID="UpdatePanel3" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<fieldset>
<legend>UpdatePanel</legend>
<asp:Label ID="Label3" runat="server" Text="Label"></asp:Label><br />
<asp:Button ID="Button3" runat="server" OnClick="Button3_Click" Text="Button" />
</fieldset>
</ContentTemplate>
</asp:UpdatePanel>
<br />
<br />
</div>
</form>
<script type="text/javascript" language="javascript">
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler);
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
var thebutton;
function BeginRequestHandler(sender, args)
{
$get('UpdateProgress1').style.display = 'block';
thebutton = args.get_postBackElement();
thebutton.disabled = true;
}
function EndRequestHandler(sender, args)
{
$get('UpdateProgress1').style.display = 'none';
thebutton.disabled = false;
var str = thebutton.id
if(document.getElementById("Button" + (parseInt(str.substring(6, str.length)) + 1)))
document.getElementById("Button" + (parseInt(str.substring(6, str.length)) + 1)).click();
}
</script>
</body>
</html>

Best Regards,

Thanks very much. Your example shows me that I can call the buttons "click" manually using the EndRequestHandler, to then go and call the next one. I think I can use that information to achieve what I was after :)

I have a similar situation. You'll have to register two events EndRequest, InitializeRequest and queuing system.

Please refer tohttp://forums.asp.net/p/1167326/1944939.aspx#1944939 for the code example.

Let me know if this helped.

Monday, March 26, 2012

how do I develop an Atlas application?

Wednesday, March 21, 2012

How can I tell when an updatepanel has finished updating?

Going For AJAX

Blog Archive

About Me