Yep, this seems to be a common problem and has been documented in the online docs with a workaround. The link is here:
http://www.telerik.com/help/aspnet/toolbar/toolbar_ClientEventsUnattached.htmlr.a.d.toolbar v1.4
Send feedbackClient events are unattached after ajax update
A typical problem you might experience when integrating r.a.d.toolbar with an ajax control is that the client events of the r.a.d.toolbar will unattach after an ajax update. For example, consider the following code:
<radTlb:RadToolbar
ID="toolbar1"
runat="server"
AutoPostBack="True"
OnOnClick="toolbar1_OnClick">
<Items>
<radTlb:RadToolbarButton runat="server" ButtonImage="open.gif" ButtonText="open"
CommandName="open" Hidden="False" />
<radTlb:RadToolbarButton runat="server" ButtonImage="save.gif" ButtonText="save"
CommandName="save" Hidden="False" />
</Items>
</radTlb:RadToolbar>
<br />
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></div>
<script type="text/javascript">
<%= toolbar1.ClientID %>.attachEvent("OnClientClick","click_handler");
function click_handler(sender, e)
{
alert(sender.CommandName);
}
</script>
<radA:RadAjaxManager
ID="RadAjaxManager1"
runat="server">
<AjaxSettings>
<radA:AjaxSetting AjaxControlID="toolbar1">
<UpdatedControls>
<radA:AjaxUpdatedControl ControlID="toolbar1" />
<radA:AjaxUpdatedControl ControlID="Label1" />
</UpdatedControls>
</radA:AjaxSetting>
</AjaxSettings>
</radA:RadAjaxManager>
Now, if you test this code you fill find out that the click_handler of the toolbar is called only the first time. Then, when the toolbar is updated through the r.a.d.ajax manager the OnClientClick event is unattached and the alert message no longer pops up.
To fix this problem, use the OnResponseEnd client event of the r.a.d.ajax manager to attach the OnClientClick event of the r.a.d.toolbar again:
<script type="text/javascript">
function OnResponseEndHandler(sender, arguments)
{
<%= toolbar1.ClientID %>.attachEvent("OnClientClick","click_handler");
}
</script>
<radA:RadAjaxManager
ID="RadAjaxManager1"
ClientEvents-OnResponseEnd="OnResponseEndHandler"
runat="server">
<AjaxSettings>
<radA:AjaxSetting AjaxControlID="toolbar1">
<UpdatedControls>
<radA:AjaxUpdatedControl ControlID="toolbar1" />
<radA:AjaxUpdatedControl ControlID="Label1" />
</UpdatedControls>
</radA:AjaxSetting>
</AjaxSettings>
</radA:RadAjaxManager>
This problem and the technique that solves it are valid for any type of ajax control, including Microsoft Ajax. For more information, please see How to run javascript init code upon AJAX update blog post.