RadPageView is not loaded when a tab is selected from the client

4 posts, 0 answers
  1. klac
    klac avatar
    8 posts
    Member since:
    May 2013

    Posted 17 May 2017 Link to this post

    I'm selecting the initial tab in javascript and while the tab gets selected and the RadPageView gets selected, a postback does not occur to load the page.Clicking on the other tab will load that page and clicking back to the original tab will then load that page as well. Is there another way to select the tab and cause a postback? 



    <%@ Page Language="C#" Inherits="TestPage" CodeBehind="TestPage.aspx.cs" %>
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <head runat="server">
        <form id="form1" runat="server" style="height: 100%">
            <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
                    <telerik:AjaxSetting AjaxControlID="rtsCCC">
                            <telerik:AjaxUpdatedControl ControlID="rtsCCC"></telerik:AjaxUpdatedControl>
                            <telerik:AjaxUpdatedControl ControlID="rmpCCC"></telerik:AjaxUpdatedControl>
            <telerik:RadTabStrip runat="server" ID="rtsCCC" RenderMode="Lightweight" MultiPageID="rmpCCC" Style="line-height: 0" AutoPostBack="True" OnClientLoad="OnTabStripLoaded">
                    <telerik:RadTab runat="server" Text="Tab1" Value="t1" />
                    <telerik:RadTab runat="server" Text="Tab2" Value="t2" />
            <telerik:RadMultiPage runat="server" ID="rmpCCC" RenderSelectedPageOnly="True" Height="100%" >
                <telerik:RadPageView runat="server" ID="rpvTab1" Height="100%" Style="overflow: hidden">
                    Tab1 content
                <telerik:RadPageView runat="server" ID="rpvTab2" Height="100%" Style="overflow: hidden">
                    Tab2 content
        <script type="text/javascript">
            var tabStrip = null;
            function OnTabStripLoaded(sender)
                tabStrip = sender;
                setTimeout(function () {
                    var tab = tabStrip.findTabByValue("t2");
                }, 1000);
  2. klac
    klac avatar
    8 posts
    Member since:
    May 2013

    Posted 17 May 2017 Link to this post

    Admin: Please remove the namespace in the Inherits="" from the first post. Thanks.
  3. Marin Bratanov
    Marin Bratanov avatar
    4502 posts

    Posted 22 May 2017 Link to this post


    You can simply set the Selected property of the desired tab and page view to true. The SelectedIndex of the MultiPage is also an option.

    If you want to do this with JS, use the .click() method of the tab to simulate the actual click operation, otherwise only the appearance is changed via the select() or set_selected() method, which works best for pure client-side implementations.


    Marin Bratanov
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  4. klac
    klac avatar
    8 posts
    Member since:
    May 2013

    Posted 22 May 2017 in reply to Marin Bratanov Link to this post

    Thank you
Back to Top