Re: Editor does not work inside <asp:UpdatePanel> with Ajax ModalPopupExtender with IE8

  •  03-31-2009, 5:43 AM

    Re: Editor does not work inside <asp:UpdatePanel> with Ajax ModalPopupExtender with IE8

    Hi Terry,
     
    below is the code. I tested it on IE7/IE8 and get an error when I hit the CLOSE button.
    This is the javascript error message:
    Line: 4
    Char: 20046
    Error: Object doesn't support this property or method
    Code:0
     
    Please let me know if you can reproduce the error. Thanks!
     
     
     
    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Test.aspx.vb" Inherits="Test" %>
    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
    <%@ Register TagPrefix="CuteEditor" Namespace="CuteEditor" Assembly="CuteEditor" %>

    <!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></title>
    </head>
    <body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="Server"/>

    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Always">
    <ContentTemplate>

    <asp:button id="button1" runat="server" text="Show Editor"></asp:button>


    <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
     TargetControlID="button1"
     PopupControlID="panel1"
     DropShadow="false"
     CacheDynamicResults="true"
     RepositionMode="RepositionOnWindowScroll"
    />
    <asp:Panel ID="panel1" runat="server" Height="400px" width="900px" style="border:solid 1px black; display:none;" >

    <ajaxToolkit:TabContainer ID="TabContainer1" runat="server">
    <ajaxToolkit:TabPanel ID="TabPanel1" runat="server" HeaderText="Panel1">
    <ContentTemplate>

    <CuteEditor:Editor ID="Editor1" runat="server" Width="800px" Height="320px" ThemeType="Office2007"></CuteEditor:Editor>

    </ContentTemplate>
    </ajaxToolkit:TabPanel>

    <ajaxToolkit:TabPanel ID="Panel2" runat="server" HeaderText="Panel2">
    <ContentTemplate>
    <CuteEditor:Editor ID="Editor2" runat="server" Width="800px" Height="320px" ThemeType="Office2007"></CuteEditor:Editor>

    </ContentTemplate>
    </ajaxToolkit:TabPanel>
    </ajaxToolkit:TabContainer>

    <asp:button id="button2" runat="server" text="Close"></asp:button>
    </asp:Panel>

    </ContentTemplate>
    </asp:UpdatePanel>
    </form>
    </body>
    </html>

     
View Complete Thread