RadAjaxManagerProxy postback IE10, Firefox 23 conflict. Fine in IE8, Chrome 29, Opera, Safari 5

2 posts, 0 answers
  1. M
    M avatar
    2 posts
    Member since:
    Sep 2013

    Posted 23 Sep 2013 Link to this post

    I recently created a page that contained a control which at the same time has another control

    The internal control has 3 dropdownlist which are loaded in sequence. I mean, I select something from the first one and then second will be loaded. I used a RadAjaxManagerProxy in my page. Previously I have configured in my master page the ScriptManager and the meta tag for IE compatibility. The thing that in IE8 it works perfectly. The page does not refresh and give the information accurate but in IE10 does a postback when I change the element of the dropdownlist and my ModalBox disappear. I tried everything but nothing happens. I did the test with IE8 natively and then in the same PC updated with IE10. It works again in IE10 if I active the developper tools F12 and I set Browser Mode IE10 and Document Mode IE8

    I realized in VS2012 working with IE10, I see the world icon in runtime that refreshes any time that I raise the onchange event of the dropdownlist, but not in IE8 where it works fine.

    What can I do. This is my progress:

    **Master Page**

        <Telerik:RadScriptManager ID="radScriptManager" runat="server" />

        <meta http-equiv="X-UA-Compatible" content="IE=10; IE=9; IE=8; IE=7; IE=EDGE" />


    **Control 1**


        <table width="100%">
        <tr>
            <td>
                <asp:PlaceHolder ID="ph1" runat="server">
                <asp:DropDownList ID="ddl1" runat="server" Enabled="True" ShowFirstRow="True"
                    AutoPostBack="True" AutoSelectSingleItem="true" onvaluechanged="ddl1_ValueChanged" />
                <br />
                </asp:PlaceHolder>
                <asp:DropDownList ID="ddl2"runat="server" Enabled="True" ShowFirstRow="True"
                    AutoPostBack="True" AutoSelectSingleItem="True" onvaluechanged="ddl2_ValueChanged" />
                <br />
                <asp:DropDownList ID="ddl3" runat="server" Enabled="True" ShowFirstRow="True"
                    AutoPostBack="true" AutoSelectSingleItem="True" onvaluechanged="ddl3_ValueChanged" />
            </td>
        </tr>
        </table>

    **Control 2**

            <%@ Register Src="Control1.ascx" TagName="Control1" TagPrefix="asp" %>
            <h2>Details</h2>
            <asp:Repeater runat="server" ID="repAccounts" onitemdatabound="repAccounts_ItemDataBound" >
                <ItemTemplate>
                    <asp:Control1 runat="server" ID="control1" />
                </ItemTemplate>
            </asp:Repeater>

    **Page**
        
        <%@ Register Src="../Controls/Control2.ascx" TagName="Control2" TagPrefix="asp" %>
        
        <asp:Content ID="Content1" ContentPlaceHolderID="cphContents" runat="server">
            <Telerik:RadAjaxManagerProxy ID="ramp1" runat="server">
                <AjaxSettings>
                    <Telerik:AjaxSetting AjaxControlID="pnl1">
                        <UpdatedControls>
                            <Telerik:AjaxUpdatedControl ControlID="pnlContainer" />
                            <Telerik:AjaxUpdatedControl ControlID="pnlControl" />
                        </UpdatedControls>
                    </Telerik:AjaxSetting>
                    <Telerik:AjaxSetting AjaxControlID="pnlControl">
                        <UpdatedControls>
                            <Telerik:AjaxUpdatedControl ControlID="pnlControl" />
                        </UpdatedControls>
                    </Telerik:AjaxSetting>
                </AjaxSettings>
            </Telerik:RadAjaxManagerProxy>
        
        
        
            <asp:Panel ID="pnlContainer" runat="server">
                <asp:Panel ID="pnlDetails" runat="server">
                    <asp:Repeater ID="repeater1" runat="server" OnItemDataBound="repeater1_ItemDataBound" OnItemCommand="repeater1_ItemCommand" >
                        <HeaderTemplate>
                            <table>
                            <thead>
                                <tr>
                                    <th></th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                        </HeaderTemplate>
                        <ItemTemplate>
                                <tr>
                                    <td><asp:Literal ID="litCode" runat="server"></td>
                                    <td><asp:LinkButton ID="lnbSetDetails"></td>
                                </tr>
                        </ItemTemplate>
                        <FooterTemplate>
                            </tbody>
                            </table>
                        </FooterTemplate>
                    </asp:Repeater>
                </asp:Panel>
            </asp:Panel>
        
        
            <asp:ModalBox ID="myModalBox" runat="server">
                <Content>
                    <asp:Panel ID="pnlControl" runat="server">
                        <asp:Control2 id="myControl2" runat="server" />
                    </asp:Panel>
                </Content>
            </asp:ModalBox>

    **Code behind**

            protected void repeater1_ItemCommand(object source, RepeaterCommandEventArgs e)
            {
                  RadScriptManager.RegisterStartupScript(this, this.GetType(), "show", "showModalBox('myModalBox');", true);
            }
  2. Deyan Enchev
    Admin
    Deyan Enchev avatar
    60 posts

    Posted 26 Sep 2013 Link to this post

    Hello,

    Based on the provided code snippets I have indicated several possible reasons that may lead to the experienced behavior.

    When using RadAjaxManagerProxy in a content or control page you should place an instance or RadAjaxManager on the master page. In our online help this is more thoroughly explained.

    Also have in mind that adding Meta tags in your master page should be within the <head> tag.

    In our online demo site there is a good example on how JavaScript after AJAX is used.

    An alternative approach of using ModalBox control would be using RadWindow which is possible to be set as Modal. This will give you client side flexibility and ease of use.

    Regards,
    Deyan Enchev
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top