[ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager
Apologies if this is already implemented (couldn't see any examples).
It would be useful to have the ability to define a JavaScript handler for things like "onBeforeAjaxRequest", "onAjaxRequestSucceeded", "onAjaxRequestFailed" etc on the ext ScriptManager.
I see there are AjaxEvents for a given target or element, but I don't see how to set global handlers.
Example of what I mean:
Code:
<ext:ScriptManager
runat="server"
onBeforeAjaxRequest="My.ClientSideApi.GettingData"
onAjaxRequestSucceeded="My.ClientSideApi.DataRetrieved"
etc />
For example, I have an application with a status bar. For every Coolite-based Ajax request, I'd like a global handler to fire before the ajax request is started so that I can add a little spinning icon in the status bar, and possibly some text, like "getting data..." etc. Then, when the request had eneded, I'd reset the status bar by calling a different JavaScript method.
This way, each developer doesn't have to remember to call these things manually from their own controls.
RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager
Hi Anup,
We will be implementing something similar very shortly. It might be ready in the next couple days. I'll keep this thread updated with our progress.
RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager
I think we're going to go with the following new Listeners on the <ext:ScriptManager>.
Example
Code:
<ext:ScriptManager runat="server">
<Listeners>
<AjaxRequestBefore ... />
<AjaxRequestSuccess ... />
<AjaxRequestFailure ... />
</Listeners>
</ext:ScriptManager>
Because they're configured as <Listeners> you'll have access to all the standard Listeners properties such as Buffer, Delay, Fn, Handler, etc...
Let me know if you have any feedback.
RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager
This is great. Many thanks!
RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager
Quick update...
These new Listeners are being added, although we changed the names from what was posted above.
Example
Code:
<ext:ScriptManager runat="server">
<Listeners>
<BeforeAjaxRequest ... />
<AjaxRequestComplete ... />
<AjaxRequestException ... />
</Listeners>
</ext:ScriptManager>
RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager
That's great -- the main thing is that it is in the Listeners for all the advantages you mention; far better than my original suggestion.
Just one minor note: there's a typo in the second listener you had in the example.
Look forward to seeing these changes. Is it for 0.9 (and if so, when is your ETA for 0.9)?
Thanks for such a swift response.
RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager
We've implemented the new ScriptManager Listeners.
The following sample demonstrates all three listeners.
Example
Code:
<%@ Page Language="C#" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<script runat="server">
protected void Button1_Click(object sender, AjaxEventArgs e)
{
Ext.Notification.Show(new Notification.Config
{
Title = "Button1_Click",
AutoHide = false,
Html = "Success!<br />" + DateTime.Now.ToString()
});
}
protected void Button2_Click(object sender, AjaxEventArgs e)
{
throw new ArgumentException("Invalid Arguments");
}
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>Coolite Toolkit Example</title>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server">
<Listeners>
<BeforeAjaxRequest Handler="popToast('BeforeAjaxRequest', el, action);" />
<AjaxRequestComplete Handler="popToast('AjaxRequestComplete', el, action);" />
<AjaxRequestException Handler="popToast('AjaxRequestException', el, action);" />
</Listeners>
</ext:ScriptManager>
<script type="text/javascript">
var popToast = function (title, el, action) {
Coolite.Ext.Notification.show({
title : title,
autoHide : false,
html : String.format("control: {0}<br />action: {1}", el.id, action)
});
};
</script>
<ext:Button ID="Button1" runat="server" Icon="Accept" Text="Before and Complete">
<AjaxEvents>
<Click OnEvent="Button1_Click" />
</AjaxEvents>
</ext:Button>
<ext:Button ID="Button2" runat="server" Icon="Error" Text="Throw Exception">
<AjaxEvents>
<Click OnEvent="Button2_Click" />
</AjaxEvents>
</ext:Button>
</form>
</body>
</html>
The new Listeners have been committed to SVN and will be publicly available with the next release. There is no firm date for the next public release.
Hope this helps.
RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager
This is awesome!
Is it possible for the scriptmanager to fire off server side events too? I would like to run some server side logic on AjaxMethod error.
RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager
Quote:
Is it possible for the scriptmanager to fire off server side events too? I would like to run some server side logic on AjaxMethod error.
Ya, we'll add them as AjaxEvents as well.
You can also just use call an AjaxMethod inside the Listeners.
The AjaxEvent versions should be committed later today.
Thanks for the feedback.
RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager
I meant actual regular server side events like Page.Load or Page.Error.
