ASP.NET AJAX Discussion and Suggestions

Re: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method after upgrading to RC1

GenXisT — Wed, 07 Oct 2009 16:48:01 GMT

I got this to work for my by removing the buttons from the updatePanel and simply placing the buttons in the modalpopup panel.

Then it worked!

Re: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method after upgrading to RC1

MasterMoez — Wed, 05 Aug 2009 08:45:35 GMT

None of the above suggestions have worked for me.

I have no redirect instruction

I have no server side buttons in my update panel

I have Control Buttons (Ok and Cancel) outside of any update Panel.

Every thing works fine, but when I just refresh my browser this error is shown :(.

I'm using Ajax Control Toolkit Version 3.0.30512.

Thanks for any updates

Re: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method after upgrading to RC1

justmandeep — Thu, 21 May 2009 19:09:53 GMT

I had the same issue and just got it resolved so thought of replying here, may be it will help somebody else.

1. Place both OK and Cancel buttons outside the Update panel, otherwise when leaving the page you may get a JScript error "Microsoft JScript runtime error: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method.".
When client-side objects of the Update Panel are being disposed, the cleanup script tries to remove all registered handlers. If buttons are inside of the UpdatePanel, their handlers are still registered as for all child controls by default, but weren’t re-attached during the callback. Obviously, you can spend time and do it properly, but simply re-placing the buttons will do the job while keeping layout appearance unaltered.

2. Now our buttons are outside of the UpdatePanel and we need to make it aware of relevant Click events. So we will have to add trigger to serve the OK operation:

<triggers>

<asp:AsyncPostBackTrigger ControlID="btnOK" eventname="click" />

</triggers>

Same will do for a Cancel operation but it will work just fine (and with less code) by setting ModalPopup.CancelControlID property.

3. In the case of the Cancel button a ModalPopup “window” will be closed automatically but if you want it to be closed after the OK click, you should do it manually by calling the mpMyPopup.Hide() method.

4. If databound controls were changed on a callback then don't forget to call the UpdatePanel.Update() method to refresh the data.

The resulting code is not the most efficient AJAX solution but it provides quite sophisticated business functionality at a reasonable price. Less additional code means less development time and less QA efforts as, if applied right, standard AJAX libraries are pretty robust.

source: http://lazyloading.blogspot.com/

Re: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method after upgrading to RC1

jeme — Wed, 06 May 2009 18:32:19 GMT

Thank you for your recommendations.

That resolved my problem too.

Best regards

Re: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method after upgrading to RC1

ssaste — Thu, 06 Nov 2008 18:34:10 GMT

Dont specify OkControlID and CancelcontrolID for ModalPopup, intead of this use Hide and Show methodes on button click. It worked for me.

Cheers

Sangram

Re: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method after upgrading to RC1

raviraj_shelke — Tue, 07 Oct 2008 15:12:29 GMT

This issue caused by Updatepanel which will not allow to put server side button inside it -> Updatepanel allows server controls like button inside it and work's fine only if this controls did not cause any modification on page outside update panel i.e. if you do not change any controls value (e.g. Binding datasource to datagrid which is outside the update panel or redirecting to another page). If you do such thing or redirecting then you will get runtime error. If Your button placed inside the update panel still you can redirected to another page if you want, by specifying this button to PostBackTrigger's of update panel. Like as shown below.

            <%--Book Details Display--%>
            <asp:Button id="btnShowPopup" runat="server" style="display:none" />
            <cc1:ModalPopupExtender ID="mdlPopup" runat="server"
                TargetControlID="btnShowPopup"
                PopupControlID="pnlBookDetailPanel"
                DropShadow="true"
                PopupDragHandleControlID="PanelTitle"
                BackgroundCssClass="modalPopupBackground"
                CancelControlID="btnClose"/>

            <asp:Panel ID="pnlBookDetailPanel" runat="server" CssClass="modalPopupPanel">
                <asp:Panel ID="PanelTitle" runat="server" CssClass="modalPopupTitleBar" >
                    <asp:Literal ID="Literal1" runat="server" Text="Book Informaton Popup"></asp:Literal>
                </asp:Panel>

                <asp:UpdatePanel ID="upBookDetails" runat="server" UpdateMode="Conditional">
                    <ContentTemplate>
                    <center>
                        <table>
                            <tr>
                                <td style="width: 100px; height: 26px;"><asp:Label ID="lblTitle" runat="server" Text="Book Title"></asp:Label></td>
                                <td style="width: 100px; height: 26px;"><asp:TextBox ID="txtBookTitle" runat="server"></asp:TextBox></td>
                            </tr>
                            <tr>
                                <td style="width: 100px"><asp:Label ID="Label1" runat="server" Text="Book Author"></asp:Label></td>
                                <td style="width: 100px"><asp:TextBox ID="txtBookAuthor" runat="server"></asp:TextBox></td>
                            </tr>
                            <tr>
                                <td style="width: 100px"><asp:Label ID="Label2" runat="server" Text="Category"></asp:Label></td>
                                <td style="width: 100px"><asp:TextBox ID="txtBookCategory" runat="server"></asp:TextBox></td>
                            </tr>
                            <tr align="right">
                                <td colspan="2">

</asp:Panel>

Re: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method after upgrading to RC1

sanjaysantra — Fri, 30 May 2008 09:01:37 GMT

Hi All,

I was also facing the same problem and it got solved by simply removing the OK and cancel buttons from the Update Panel. Thanks Nick.

Re: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method after upgrading to RC1

kali.mist — Mon, 28 Apr 2008 10:07:14 GMT

Guys, Im getting this error even when I move the controls outside of the update panel

Here is my original code

<body>

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<div>

</div>

<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="HyperLink1"

PopupControlID="Panel1" OkControlID="Button1" CancelControlID="Button2" BackgroundCssClass="modalPopup">

</cc1:ModalPopupExtender>

<asp:HyperLink ID="HyperLink1" runat="server">Modal panel</asp:HyperLink>

<asp:Panel ID="Panel1" runat="server" Height="220px" Width="398px" Style="display: none;">

 <br />

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<asp:DropDownList ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"

AutoPostBack="True">

<asp:ListItem>Test1</asp:ListItem>

<asp:ListItem>Test2</asp:ListItem>

</asp:DropDownList>

<asp:DropDownList ID="DropDownList2" runat="server" AutoPostBack="True">

<asp:ListItem>Item11</asp:ListItem>

<asp:ListItem>Item12</asp:ListItem>

</asp:DropDownList>

<asp:Button ID="Button1" runat="server" Text="Ok" OnClick="Button1_Click" />

<asp:Button ID="Button2" runat="server" Text="Cancel" />

</ContentTemplate>

</asp:UpdatePanel>

 <br />

</asp:Panel>

<asp:UpdatePanel ID="UpdatePanel2" runat="server">

<asp:Panel ID="Panel2" runat="server" Height="148px" Width="240px" BackColor="red">

</asp:Panel>

</ContentTemplate>

</asp:UpdatePanel>

</form>

</body>

I get the error when I try to close the page

Cheers

EDIT: Nick that worked thanks. I thought I had tried the same approach earlier.

Re: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method after upgrading to RC1

BennyXNO — Thu, 17 Apr 2008 13:43:11 GMT

I have the exact same problem now. Had to remove UpdatePanel to get it to work.

Re: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method after upgrading to RC1

blakesparkes — Thu, 17 Apr 2008 13:39:20 GMT

I have the same problem, with a GridView inside an UpdatePanel, four buttons outside that update panel referenced by the UpdatePanel's Triggers element.

After performing any postback from inside the grid (including sorting, clicking an update image button on a row, anything), when the browser attempts to change the entire page such as by posting back or leaving the current page, I get the Sys.InvalidOperationException.

Has anyone encountered this problem after posting back inside an UpdatePanel?

Thanks,

Blake

Re: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method after upgrading to RC1

abhi@lintas — Tue, 08 Apr 2008 06:46:36 GMT

I I had also suffered from this problem.

I find the solution on thi.

I don't no it good practice or not but it works.

In your Script Manager Tag just set ScriptMode="Release"

Hope it will work 4 u.

Abhishek

Re: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method after upgrading to RC1

vainternet — Thu, 10 Jan 2008 16:14:38 GMT

this worked for us!

Re: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method after upgrading to RC1

davidpeng2004 — Mon, 24 Dec 2007 15:43:31 GMT

This issue caused by Updatepanel which will not allow to put server side button inside it. You could work around it like me. See the hightlight line as following

                                    <%--dont put your server side button here --%>
                                </td>
                            </tr>

                        </table>
                        </center>
                    </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="btnSave" />
                        <asp:AsyncPostBackTrigger ControlID="btnNew" />
                    </Triggers>
                </asp:UpdatePanel>

Re: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method after upgrading to RC1

sivamyneni — Mon, 09 Jul 2007 06:28:34 GMT

I am also facing the same problem. my page contains some hyperlinks which is redirecting to the same page with some query string. when ever i clicked that hyperlinks the error will appear. pls help

Re: Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method after upgrading to RC1

Vinija — Fri, 11 May 2007 09:58:33 GMT

I've had similar problem not when navigation out of the page but when trying to use $removeHandler method.

It seems that sometimes the event is not added to the element and therefore trying to remove it, no meter in what

method causes this error.

If this handler should be the only one try to use Sys.UI.DomEvent.clearHandlers(element) method.

That won't throw an error even if the handlers collection is empty.