After Ajaxifying RadMultiPage is not updating on click of RadTab.

[Susheel]

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

 

[Nencho]

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

[Susheel]

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

 

[Susheel]

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

[Nencho]

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

[Susheel]

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

[Nencho]

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