RadTabStrip issue

4 posts, 0 answers
  1. VIJESH
    VIJESH avatar
    13 posts
    Member since:
    Oct 2012

    Posted 03 Sep 2013 Link to this post

    In my page, I have a radtabstrip which contains a user control in it. In user control, i have a jquery method for textbox onchange. In this onchange event, I am setting hidden field value which I need in my parent page. This is working fine if I changed the text and click on anywhere on the page or on focus change. But if I changed the textbox(without clicking anywhere on page/without changing focus) and click on radtab its not firing. The problem is in IE. It's working fine in Chrome and Mozilla.
  2. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 06 Sep 2013 Link to this post

    Hello VIJESH,

    I was able to replicate the described issue and I would suggest you the following workaround : you could use the OnClientTabSelecting client-side event of the RadTabStrip and explicitly blur the textbox, in order to make sure, that the onchange event would fire. Please consider implementing the following approach:
    <script>
            function OnClientTabSelecting(sender, eventArgs) {
                $telerik.$(".textBoxCssClass").blur();
            }
        </script>
    Here is a video, demonstrating the behavior at my end.

    Regards,
    Nencho
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. VIJESH
    VIJESH avatar
    13 posts
    Member since:
    Oct 2012

    Posted 06 Sep 2013 Link to this post

    Hi,

    Thank you for quick reply. 
    The below code is working fine asp textbox control. 
    In my code I used telerik textbox control and calls the js function as below.

    <telerik:RadTextBox ID="txtClientName" Width="400" runat="server" ClientEvents-OnValueChanged="TextBoxChanged"></telerik:RadTextBox>

    function TextBoxChanged(sender, eventArgs) {
                //debugger;
                if (document.getElementById("<%= hidClientID.ClientID %>").value != "0") {
                    if (eventArgs.get_newValue() != eventArgs.get_oldValue()) {
                        var parenctrlid = $('#<%=hidGeneralIsValueChanged.ClientID%>').val();
                        $('#' + parenctrlid).val("General");
                        ShowIcon(sender.get_id());
                    }
                }
            }


    In this scenario, it's not working.

    Thanks
    Vijesh
  5. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 09 Sep 2013 Link to this post

    Hello VIJESH,

    I noticed that you had submitted another support ticket, regarding the same issue. I have already replied to that ticket, providing a runnable sample, which demonstrates the behavior at my end. I would like to kindly ask you to continue our conversation in the other ticket, in order to avoid duplications.

    Regards,
    Nencho
    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