Pageview not changing on clicking tab

5 posts, 0 answers
  1. Soumya
    Soumya avatar
    108 posts
    Member since:
    Jul 2012

    Posted 05 Aug 2012 Link to this post

    I have an aspx page with a Tabstrip and 6 pageviews.I am using a Next button to move on to next pageview.At the same time on clicking the tabs also,user can move to the pageview.
    I have set the MultiPageID and PageViewID as in the demos,hence on clicking the tabs,it should navigate to the corresponding pageview.
    Here is Next button is working porperly ,where I use the below code on button click
    protected void P_nextButton_Click 
    (
    object sender, EventArgs e)
           {
                
               RadTabStrip1.SelectedIndex = 1;
               RadMultiPage1.SelectedIndex =1;
     
     
           }
    But the tabs are not working properly.Onclicking some tabs,pageview will be previous tab pageview.Funny thing here is that,sometimes these tabs shows correct pageview also.As per my unserstanding setting MultiPageID and PageViewID ,will make the tabs work properly without any server side coding.
    Please see my code below and let me know where Iam going wrong.
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">
            <AjaxSettings>          
               
           <telerik:AjaxSetting AjaxControlID="RadAjaxManager1"
                    <UpdatedControls> 
                        <telerik:AjaxUpdatedControl ControlID="RCNationality" /> 
                        
                    </UpdatedControls> 
                </telerik:AjaxSetting>
     
                 <telerik:AjaxSetting AjaxControlID="RadMultiPage1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
                 
                <telerik:AjaxSetting AjaxControlID="RadTabStrip1"
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />
                            <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                 
                <%-- <telerik:AjaxSetting AjaxControlID="RbNextP">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RbNextP" />
                        <telerik:AjaxUpdatedControl ControlID="lbltitle" />
                        <telerik:AjaxUpdatedControl ControlID="lblname" />
                        <telerik:AjaxUpdatedControl ControlID="lbldob" />
                        <telerik:AjaxUpdatedControl ControlID="lblAge" />
                        <telerik:AjaxUpdatedControl ControlID="lblfile" />
                        <telerik:AjaxUpdatedControl ControlID="lblnation" />
                         <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />
                         <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>--%>
                  
                <telerik:AjaxSetting AjaxControlID="BirthDate">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="lbldob" />
                        <telerik:AjaxUpdatedControl ControlID="RTYear" />
                        <telerik:AjaxUpdatedControl ControlID="RTMonths" />
                        <telerik:AjaxUpdatedControl ControlID="RTDays" />
                        <telerik:AjaxUpdatedControl ControlID="lblAge" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="RTYear">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="BirthDate" />
                        <telerik:AjaxUpdatedControl ControlID="lbldob" />
                        <telerik:AjaxUpdatedControl ControlID="RTYear" />
                        <telerik:AjaxUpdatedControl ControlID="lblAge" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
     
                 <telerik:AjaxSetting AjaxControlID="RCGender">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RCGender" />
                        <telerik:AjaxUpdatedControl ControlID="RCTitle" />
                        <telerik:AjaxUpdatedControl ControlID="cbmat" />
                        <telerik:AjaxUpdatedControl ControlID="cbeme" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
     
                 <telerik:AjaxSetting AjaxControlID="RCCountry">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RCCountry" />
                        <telerik:AjaxUpdatedControl ControlID="RCCity" />                  
                    </UpdatedControls>
                </telerik:AjaxSetting>
     
                 <telerik:AjaxSetting AjaxControlID="RTFileNo">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RTFileNo" />
                     </UpdatedControls>
                </telerik:AjaxSetting>
     
                  <telerik:AjaxSetting AjaxControlID="RCRefDoctor">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RCRefDoctor" />
                        <telerik:AjaxUpdatedControl ControlID="RTClinic" />                  
                    </UpdatedControls>
                </telerik:AjaxSetting>
     
                 <telerik:AjaxSetting AjaxControlID="RCClinic">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RCClinic" />
                        <telerik:AjaxUpdatedControl ControlID="RCDoctor" />
                        <telerik:AjaxUpdatedControl ControlID="RCDuration" />  
                         <telerik:AjaxUpdatedControl ControlID="RCFromTime" />
                        <telerik:AjaxUpdatedControl ControlID="RCToTime" />                                  
                    </UpdatedControls>
                </telerik:AjaxSetting>
     
                 <telerik:AjaxSetting AjaxControlID="RCDuration">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RCDuration" />
                        <telerik:AjaxUpdatedControl ControlID="RCFromTime" />
                        <telerik:AjaxUpdatedControl ControlID="RCToTime" />                  
                    </UpdatedControls>
                </telerik:AjaxSetting>
     
                <%--<telerik:AjaxSetting AjaxControlID="rbSave">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="rbSave" />--%>
                      <%-- <telerik:AjaxUpdatedControl ControlID="Message" />--%>
                      <%--  <telerik:AjaxUpdatedControl ControlID="lblRegnumber" />
                        <telerik:AjaxUpdatedControl ControlID="LblRegnNo" />--%>
                      <%--  <telerik:AjaxUpdatedControl ControlID="lbltitle" />
                        <telerik:AjaxUpdatedControl ControlID="lblname" />
                        <telerik:AjaxUpdatedControl ControlID="lbldob" />
                        <telerik:AjaxUpdatedControl ControlID="lblAge" />
                        <telerik:AjaxUpdatedControl ControlID="lblfile" />
                        <telerik:AjaxUpdatedControl ControlID="lblnation" />--%>
                       <%-- <telerik:AjaxUpdatedControl ControlID="lblmobile" />--%>
                   <%-- </UpdatedControls>
                </telerik:AjaxSetting>   --%>               
            </AjaxSettings>
            </telerik:RadAjaxManager>
            
                 <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Black" MultiPageID="RadMultiPage1" Align="Center" Width="800px"
                    SelectedIndex="0" AutoPostBack="true"  >
                    <Tabs>
                        <telerik:RadTab Text="Personal Details" runat="server" PageViewID="PageView1" Selected="true">
                        </telerik:RadTab>
                        <telerik:RadTab Text="Contact Details" runat="server" PageViewID="PageView2" >
                        </telerik:RadTab>
                        <telerik:RadTab Text="Outside Referral Doctor" runat="server" PageViewID="PageView3" >
                        </telerik:RadTab>
                        <telerik:RadTab Text="Appointment with Doctor" runat="server" PageViewID="PageView4" >
                        </telerik:RadTab>
                        <telerik:RadTab Text="Kin Details" runat="server" PageViewID="PageView5" >
                        </telerik:RadTab>
                        <telerik:RadTab Text="Insurance Details" runat="server" PageViewID="PageView6" >
                        </telerik:RadTab>
                    </Tabs>
                </telerik:RadTabStrip>
     
     <telerik:RadMultiPage id="RadMultiPage1" runat="server" SelectedIndex="0" Width="800px" BackColor="BurlyWood" BorderStyle="Ridge" RenderSelectedPageOnly="true" >
                      <telerik:RadPageView id="PageView1" runat="server">
                       <telerik:RadButton ID="RbNextP" runat="server" Text="Next" Skin="WebBlue" OnClick="P_nextButton_Click 
    "
    ><Icon SecondaryIconCssClass="rbNext" SecondaryIconRight="4" SecondaryIconTop="6" />
                     </telerik:RadButton>
    </telerik:RadPageView>
     <telerik:RadPageView id="PageView2" runat="server">
           //controls in between
    </telerik:RadPageView>
    <telerik:RadPageView id="PageView3" runat="server" >
     //controls in between
    </telerik:RadPageView>
     <telerik:RadPageView id="RadPageView4" runat="server" >
     //controls in between
    </telerik:RadPageView>
    <telerik:RadPageView id="RadPageView5" runat="server" >
     //controls in between
    </telerik:RadPageView>
    <telerik:RadPageView id="RadPageView6" runat="server" >
     //controls in between
    </telerik:RadPageView>
    </telerik:RadMultiPage>

    I am facing one more issue here while adding the Nextbutton on to the Ajaxmanager.I have posted the samein the forum http://www.telerik.com/community/forums/aspnet-ajax/tabstrip/unable-to-set-value-of-the-property-control-while-adding-radtabstrip-in-ajaxmanager.aspx .But I didn't get any answer.Please help me on this.
    Thanks,
    Soumya.
  2. Soumya
    Soumya avatar
    108 posts
    Member since:
    Jul 2012

    Posted 06 Aug 2012 Link to this post

    Any suggestions? 
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Nencho
    Admin
    Nencho avatar
    1458 posts

    Posted 06 Aug 2012 Link to this post

    Hello Soumya,

    We've already answered your another forum post regarding the same issue. Could you please get back to it:
    http://www.telerik.com/community/forums/aspnet-ajax/tabstrip/unable-to-set-value-of-the-property-control-while-adding-radtabstrip-in-ajaxmanager.aspx and review our answer?

    In order to avoid duplications,  please let us continue our communication in a single forum thread.

    Greetings,
    Nencho
    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.
  5. Soumya
    Soumya avatar
    108 posts
    Member since:
    Jul 2012

    Posted 07 Aug 2012 Link to this post

    Hi Nencho,
    I have seen the reply for my second question in this thread in  http://www.telerik.com/community/forums/aspnet-ajax/tabstrip/unable-to-set-value-of-the-property-control-while-adding-radtabstrip-in-ajaxmanager.aspx  .
    I am still facing the first issue mentioned here.Could you please look up on it also?

    Thanks,
    Soumya
  6. Nencho
    Admin
    Nencho avatar
    1458 posts

    Posted 07 Aug 2012 Link to this post

    Hello Soumya,

    Unfortunately, I could not reproduce the described issue. Navigating through different tabs works properly at my end. I'm sending you the slightly modified sample, where this functionality is implemented. Could you please modify it, so we can see the problem you experience?

    Regards,
    Nencho
    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017