After Ajaxifying RadMultiPage is not updating on click of RadTab.

7 posts, 0 answers
  1. Susheel
    Susheel avatar
    8 posts
    Member since:
    Dec 2014

    Posted 01 Jul 2015 Link to this post

    Hi,

     I have created three static tab and the pageview is also static for that and also i am creating dynamic tabs and for that i have created different pageview.

    RadTabCode:  

    <telerik:RadTabStrip ID="radTabStrip1" runat="server" MultiPageID="radMultiPage1"
                    SelectedIndex="0" Skin="" OnTabClick="RadTabStrip1_TabClick" CssClass="secondLvlCategory"
                    OnClientTabSelecting="OnItemResultClientTabSelecting" OnClientTabSelected="OnItemResultClientTabSelected" >
                    <TabTemplate>
                        <span id="sp_dynaTab" class="DynTabText" title="<%# DataBinder.Eval(Container, "Text") %>">
                            <%# DataBinder.Eval(Container, "Text") %></span>
                        <asp:ImageButton ID="btnClose" runat="server" ImageUrl="~/Image/delete.gif" ToolTip="Close"
                            OnClick="btnClose_Click" OnClientClick="showLoader()" />
                    </TabTemplate>
                    <Tabs>
                        <telerik:RadTab runat="server" Text="Browse" Value="Browse" PageViewID="PageView1"
                            TabIndex="0">
                        </telerik:RadTab>
                        <telerik:RadTab runat="server" Text="Search" Value="Search" PageViewID="PageView2"
                            TabIndex="1">
                        </telerik:RadTab>
                        <telerik:RadTab runat="server" Text="Result" Value="Result" PageViewID="PageView3"
                            TabIndex="2">
                        </telerik:RadTab>
                    </Tabs>
                </telerik:RadTabStrip>

     

    RadMultiPage Code : 

     <telerik:RadMultiPage runat="server" ID="radMultiPage1" SelectedIndex="0" ScrollBars="None">
            <telerik:RadPageView ID="PageView1" runat="server">
                <ucBrowse:UC_BrowseForm ID="UC_BrowseForm1" runat="server" />
            </telerik:RadPageView>
            <telerik:RadPageView ID="PageView2" runat="server">
                <uc3:UC_SearchForm ID="UC_SearchForm1" runat="server" />
            </telerik:RadPageView>
            <telerik:RadPageView ID="PageView3" runat="server">
                <ucThumb1:UC_ThumbForm ID="UC_Form1" runat="server" />
            </telerik:RadPageView>
            <telerik:RadPageView ID="PageView4" runat="server" ContentUrl="" Height="613">
            </telerik:RadPageView>
        </telerik:RadMultiPage>

     Ajax Setting : 

     <telerik:AjaxSetting AjaxControlID="radTabStrip1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="radMultiPage1" />
                    </UpdatedControls>
      </telerik:AjaxSetting>

     

    I have disabled the postback for the first three tabs which are the static tabs and postback is enabled for all the dynamic tabs.

    if i switch betwen static tabs before creating any dynamic tab it is working fine and the associated pageview also loads.

    But as i create new dynamic tab and switch between static tab and dynamic tab it won't work fine , the pageview of static tabs does not load, on click of every static tab it displays the pageview of the dynamically created tab.

     

     Please help me to identify that where i am going wrong. And let me know if any more clearyfication is needed.

     

    Thanks,

    Susheel

     

  2. Nencho
    Admin
    Nencho avatar
    1458 posts

    Posted 03 Jul 2015 Link to this post

    Hello Susheei,

    Could you please demonstrate the approach that you use for dynamic creation of the RadTabs and PageViews? In addition, please try updating the AjaxSettings as demonstrated below, in order to ensure that the RadTabStrip updates itself:

    <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1" EnablePageHeadUpdate="true">
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="RadTabStrip1">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="RadTabStrip1"></telerik:AjaxUpdatedControl>
                            <telerik:AjaxUpdatedControl ControlID="RadMultiPage1"></telerik:AjaxUpdatedControl>
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                    <telerik:AjaxSetting AjaxControlID="RadMultiPage1">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="RadMultiPage1"></telerik:AjaxUpdatedControl>
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                </AjaxSettings>
            </telerik:RadAjaxManager>



    Regards,
    Nencho
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Susheel
    Susheel avatar
    8 posts
    Member since:
    Dec 2014

    Posted 06 Jul 2015 in reply to Nencho Link to this post

    Hi Nencho, 

    After spending some more time on my code i got the point where the actual issue is causing. I have written some code like.

     

        function OnItemResultClientTabSelected(sender, args) {
                    ShowHidePanel();
                    var radtab = $find("ctl00_DefaultContent_radTabStrip1");
                    var radMpage = $find("ctl00_DefaultContent_radMultiPage1");

                  Some more code .........

                   ........................................

        }

     As soon as i switch between static tab and dynamic tab i get NULL insted of radMultiPage object  for the line 

    var radMpage = $find("ctl00_DefaultContent_radMultiPage1");

    but  

    var radtab = $find("ctl00_DefaultContent_radTabStrip1"); is working fine.

    Here my observation is because i am not able to find radMultiPage thats why page view is not updating on clicking of tabs.

    can you please guide me that why this ia happing althrough both the controls(RadTab, RadMultiPage) are on the same page then why i am able to fine one control but not other.

     

    Thanks,

    Susheel

     

  5. Susheel
    Susheel avatar
    8 posts
    Member since:
    Dec 2014

    Posted 07 Jul 2015 Link to this post

    Hi Nencho,

     

     while debugging script i got one error when i move from static tab to dynamic tab.

    " Uncaught Sys.ArgumentException: Sys.ArgumentException: Value must not be null for Controls and Behaviors.
    Parameter name: elementError$create @ ScriptResource.axd?d=gGgXPV1HQakGuilqeun8y-oGCfRejfeVslq3eT8N_miPIIZln5a4HrLjvmVWbl9sF419o8JsUb7O1C…:237Error$argument @ ScriptResource.axd?d=gGgXPV1HQakGuilqeun8y-oGCfRejfeVslq3eT8N_miPIIZln5a4HrLjvmVWbl9sF419o8JsUb7O1C…:261Sys$Component$create @ ScriptResource.axd?d=gGgXPV1HQakGuilqeun8y-oGCfRejfeVslq3eT8N_miPIIZln5a4HrLjvmVWbl9sF419o8JsUb7O1C…:3808(anonymous function) @ VM7968:2Sys$_Application$add_init @ ScriptResource.axd?d=gGgXPV1HQakGuilqeun8y-oGCfRejfeVslq3eT8N_miPIIZln5a4HrLjvmVWbl9sF419o8JsUb7O1C…:4731(anonymous function) @ VM7968:1Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:330Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:335Sys$_ScriptLoader$_nextSession @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:357Sys$_ScriptLoader$_loadScriptsInternal @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:344Sys$_ScriptLoader$_nextSession @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:357Sys$_ScriptLoader$loadScripts @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:262Sys$WebForms$PageRequestManager$_onFormSubmitCompleted @ ScriptResource.axd?d=SmrS_GjK2klY_Yo8BbsHkxzSVvR9Czr5m2BOIDD8eOHFQXsGMsc-iJbkhZfDrTeXK9y0EJCIaUFLX8…:1345(anonymous function) @ ScriptResource.axd?d=gGgXPV1HQakGuilqeun8y-oGCfRejfeVslq3eT8N_miPIIZln5a4HrLjvmVWbl9sF419o8JsUb7O1C…:47(anonymous function) @ ScriptResource.axd?d=gGgXPV1HQakGuilqeun8y-oGCfRejfeVslq3eT8N_miPIIZln5a4HrLjvmVWbl9sF419o8JsUb7O1C…:3484Sys$Net$WebRequest$completed @ ScriptResource.axd?d=gGgXPV1HQakGuilqeun8y-oGCfRejfeVslq3eT8N_miPIIZln5a4HrLjvmVWbl9sF419o8JsUb7O1C…:6364Sys$Net$XMLHttpExecutor._onReadyStateChange @ ScriptResource.axd?d=gGgXPV1HQakGuilqeun8y-oGCfRejfeVslq3eT8N_miPIIZln5a4HrLjvmVWbl9sF419o8JsUb7O1C…:5984 "

    i think after this error MultiPageView is not updating.

     

    Regards,

    Susheel

  6. Nencho
    Admin
    Nencho avatar
    1458 posts

    Posted 09 Jul 2015 Link to this post

    Hello Susheei,

    Could you test if the issue still persist, if you disable the AJAX in your application? In addition, does the problem replicates with the initial demonstrated implementation or you have any further modifications at your end.

    Lastly, please specify which version of our controls are you currently using?

    Regards,
    Nencho
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  7. Susheel
    Susheel avatar
    8 posts
    Member since:
    Dec 2014

    Posted 10 Jul 2015 in reply to Nencho Link to this post

    Hi Nencho,

     If i disable the AJAX in my application then this error does not occur but when i ajaxify the control then i get the same error.

    Tthe detail of telrik control is ; 

    Product Name : Telerik.Web.UI

    Assembly version / Product Version : 2013.1.417.40

     

    Thanks,

    Susheel

  8. Nencho
    Admin
    Nencho avatar
    1458 posts

    Posted 14 Jul 2015 Link to this post

    Hello Susheei,

    We have performed some further local tests, but the described error was not replicated. In order to investigate the issue further for you, we would need a simplified runnable sample, which demonstrated the problem, Thus we would be able to replicate it locally and pinpoint the reason for the problematic behavior.

    Regards,
    Nencho
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017