Coolite Forums / Coolite Toolkit / Feature Requests / [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager / Latest Posts

RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager

anup — Thu, 14 Jan 2010 09:18:38 GMT

Just to let you know, I tried 0.8.2 and I see the static ajax method fix in there, so thanks. And you can mark this particular thread as fixed.

RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager

geoffrey.mcgill — Tue, 28 Jul 2009 11:25:25 GMT

[quote]Do you have a rough idea when 0.8.2 will be released?[/quote]

Unfortunately we do not have a firm release date. The fix is currently only available in SVN. I'll do my best to update this thread with a quick note once v0.8.2 has been publicly released.

RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager

anup — Tue, 28 Jul 2009 11:12:05 GMT

Fantastic! Do you have a rough idea when 0.8.2 will be released?

Thanks for your prompt responses. Really appreciated!

RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager

vladsch — Tue, 28 Jul 2009 06:13:13 GMT

Hi,

We have fixed it. The fix will be available in 0.8.2 release

RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager

anup — Mon, 27 Jul 2009 04:30:00 GMT

Took a while but I finally figured out what was causing my problem:

My AjaxMethod is declared as static. As soon as I take off static from my code it works.

I used your example and making the AjaxMethod into a static method also fails your example (though in your case I don't get anything back to the client from the server, where as in my case I do -- it all runs except only BeforeAjaxRequest doesn't fire. I didn't look at that further -- there was an error in Firebug console, which probably explains that).

So question is, should AjaxMethods not be static?

RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager

anup — Mon, 27 Jul 2009 03:23:06 GMT

Hi,

Thanks for the extra example. It's weird. In my case I see AjaxRequestComplete and AjaxRequestException listeners fire for an AjaxMethod, but not BeforeAjaxRequest (and that's the one I need to set the status bar!).

I tried your example locally and it works fine. I have tried to cut down my real solution but it is hard as there are lots of things in between (master templates, other JavaScript frameworks etc).

It must be a problem on my end. So, at the moment while I can't provide a test case to help reproduce the problem I will work on it further...

RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager

geoffrey.mcgill — Fri, 24 Jul 2009 10:17:28 GMT

The events will be fired for all Ajax requests, including AjaxEvents and AjaxMethod calls.

I added a couple AjaxMethod calls to the original sample.

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");
}

[AjaxMethod]
public void PopToast()
{
Ext.Notification.Show(new Notification.Config
{
Title = "AjaxMethod",
AutoHide = false,
Html = "Success!<br />" + DateTime.Now.ToString()
});
}

[AjaxMethod]
public void ThrowException()
{
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" AjaxMethodNamespace="CompanyX">
<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 (AjaxEvent)">
<AjaxEvents>
<Click OnEvent="Button1_Click" />
</AjaxEvents>
</ext:Button>

<ext:Button ID="Button2" runat="server" Icon="Error" Text="Throw Exception (AjaxEvent)">
<AjaxEvents>
<Click OnEvent="Button2_Click" />
</AjaxEvents>
</ext:Button>

<hr />

<ext:Button ID="Button3" runat="server" Icon="Accept" Text="Before and Complete (AjaxMethod)">
<Listeners>
<Click Handler="CompanyX.PopToast();" />
</Listeners>
</ext:Button>

<ext:Button ID="Button4" runat="server" Icon="Error" Text="Throw Exception (AjaxMethod)">
<Listeners>
<Click Handler="CompanyX.ThrowException();" />
</Listeners>
</ext:Button>
</form>
</body>
</html>[/code]

Hope this helps.

RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager

anup — Fri, 24 Jul 2009 08:17:51 GMT

Hi,

I just realized you have made these listeners available in 0.8.1, so I downloaded it and tried it out. Works great.

Just one problem: it doesn't seem to work with AjaxMethods.

E.g. in C# code-behind:

[code]
[AjaxMethod]
public static bool DoSomething()
{
return WasItDone();
}
[/code]

And in ASP.NET:

[code]
<ext:ToolbarButton ID="btnId" runat="server" Text="Test this">
<Listeners>
<Click Handler="My.Code.DoSomething({
success : mySuccessHandler,
failure : myFailureHandler,
eventMask: { showMask: true, minDelay: 50, msg:'Getting...' }
});" />
</Listeners>
</ext:ToolbarButton>
[/code]

It may be my fault partly -- in the original request for this feature, I didn't clarify that I'd like it for AjaxMethods as well as Ajax Events.

Is there a possibility of reusing the same listeners for either ajax call approach?

RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager

jchau — Mon, 29 Jun 2009 20:06:38 GMT

Hmm...I am not sure if an AjaxMethod is the ideal solution here because I will be incurring an unnecessary server hit. It seems kind of silly for server to send error message to client, then client sent back exact error message to server. Ideally, I want to log the full detailed error on the server side and send back just a friendly error message to the client.

The funny thing is that global error handling works fine for AjaxEvents. I am able to trap the error and send back a custom response and status code. It just wont work for AjaxMethods.

RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager

geoffrey.mcgill — Mon, 29 Jun 2009 18:49:13 GMT

[quote][b]jchau (6/29/2009)[/b][hr]Any updates on firing off a server side event before the response is sent to client? I need to log each server side error that occurs. Thanks![/quote]

How about using an AjaxMethod?

RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager

jchau — Mon, 29 Jun 2009 13:46:41 GMT

Any updates on firing off a server side event before the response is sent to client? I need to log each server side error that occurs. Thanks!

RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager

anup — Mon, 29 Jun 2009 01:24:28 GMT

Brilliant. Thanks. Looking forward to 0.9 :)

RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager

jchau — Thu, 25 Jun 2009 06:22:23 GMT

I meant actual regular server side events like Page.Load or Page.Error.

RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager

geoffrey.mcgill — Wed, 24 Jun 2009 21:57:11 GMT

[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. [/quote]

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

jchau — Wed, 24 Jun 2009 18:57:09 GMT

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

geoffrey.mcgill — Wed, 24 Jun 2009 12:29:05 GMT

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>[/code]

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

anup — Tue, 23 Jun 2009 09:46:43 GMT

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

geoffrey.mcgill — Tue, 23 Jun 2009 07:18:58 GMT

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>[/code]

RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager

anup — Tue, 23 Jun 2009 02:22:24 GMT

This is great. Many thanks!

RE: [ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager

geoffrey.mcgill — Mon, 22 Jun 2009 12:42:35 GMT

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>[/code]

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

geoffrey.mcgill — Mon, 22 Jun 2009 12:10:09 GMT

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.

[ADDED] [V0.8.1] Ability to define event handlers for all ajax requests in the ScriptManager

anup — Mon, 22 Jun 2009 08:07:39 GMT

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 />
[/code]

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.