Textbox is hanged textchange event attach at Ajaxmanager/Panel (On IE 8, 9)

3 posts, 0 answers
  1. ALEX
    ALEX avatar
    61 posts
    Member since:
    Feb 2011

    Posted 08 May 2012 Link to this post

    Hi Team,


            Today, I got strange error on Ajax Manager & Panel. Let me explain my test case. I have 1 text box and ontextchanged event of that textbox. Inside ontextchange event i updated current dattime to label control. All controls are inside asp:panel. After textchanged Ajax Manager will auto update my asp:panel.

             My error is after 1st time text change i can't type any text into text box if i didn't cursor move to other text box. It means i can type only one time at text box without cursor move to other. That error i face at IE8 and IE9. That error will get after press enter and lost cursor if i use tab key.

             Why i got this error on IE? Is it bug or my code wrong? I try to do that because of my require is same this case and all user are using IE only.

    Noted: AjaxManager and Panel are same error.

    Kindly please help to me. I need urgent for this case.

    Sample Code aspx

    Default3.aspx
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
            </telerik:RadScriptManager>
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="_txtBox" EventName="OnTextChanged">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="_pnlLine" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                    <telerik:AjaxSetting AjaxControlID="_txtDock" EventName="OnTextChanged">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="_pnlDock" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                </AjaxSettings>
            </telerik:RadAjaxManager>
            <div>
                <asp:Panel runat="server" ID="_pnlLine">
                    <asp:Label runat="server" ID="_lblTime" Text="Time"></asp:Label><br />
                    <asp:TextBox runat="server" ID="_txtBox" OnTextChanged="_txtBox_TextChanged" AutoPostBack="true"></asp:TextBox><br />
                    <asp:TextBox runat="server" ID="TextBox1" Text="Nothing"></asp:TextBox>
                </asp:Panel>
            </div>
            <div>
                <telerik:RadDockLayout ID="rdlayout" runat="server" EnableEmbeddedSkins="true">
                    <telerik:RadDockZone ID="rdZone" runat="server" Orientation="Vertical" Width="890px"
                        FitDocks="true" CssClass="margin-top: 100px">
                        <telerik:RadDock ID="AddLine" runat="server" DefaultCommands="ExpandCollapse" DockMode="Docked"
                            Width="780px" Title="Testing">
                            <ContentTemplate>
                                <div>
                                    <asp:Panel runat="server" ID="_pnlDock">
                                        <asp:Label runat="server" ID="_lblDock" Text="Time"></asp:Label><br />
                                        <asp:TextBox runat="server" ID="_txtDock" OnTextChanged="_txtDock_TextChanged" AutoPostBack="true"></asp:TextBox><br />
                                        <asp:TextBox runat="server" ID="TextBox3" Text="Nothing"></asp:TextBox>
                                    </asp:Panel>
                                </div>
                            </ContentTemplate>
                        </telerik:RadDock>
                    </telerik:RadDockZone>
                </telerik:RadDockLayout>
            </div>
        </div>
        </form>
    </body>
    </html>

    CB of Default3.aspx

    using System;
     
    public partial class Default3 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
     
        }
        protected void _txtBox_TextChanged(object sender, EventArgs e)
        {
            _lblTime.Text = System.DateTime.Now.ToString();
        }
     
        protected void _txtDock_TextChanged(object sender, EventArgs e)
        {
            _lblDock.Text = System.DateTime.Now.ToString();
        }
    }

    Regards,
    Alex
  2. Tsvetina
    Admin
    Tsvetina avatar
    2481 posts

    Posted 11 May 2012 Link to this post

    Hello Alex,

    I tried the exact same code with the latest version of RadControls (2012.1.411) and could not observe the issue in IE8/9. You can see a video of my replication steps here:
    http://screencast.com/t/rHLLFXG3PIu
    Am I missing out anything?

    You can also find my test page attached to this message.

    Greetings,
    Tsvetina
    the Telerik team
    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 their blog feed now.
  3. ALEX
    ALEX avatar
    61 posts
    Member since:
    Feb 2011

    Posted 12 May 2012 Link to this post

    Hi Tsvetina,

             Thanks for your testing at your side and reply to me. After watched your test case i found you used only mouse and click to other text box. For this case if we use tab or mouse we can't find the error. I'm using the Ver- 2011.3.1305.40 but you used the Ver-2012.1.411. So that i suspect my control and downloaded your sample and tested. Result is same if we use the "Enter Key".

    Here is my test case flash : Test Case

    Regards,
    Alex
    (I'm trying to understand/Use TK control)
Back to Top