This is a migrated thread and some comments may be shown as answers.

Pageview not changing on clicking tab

4 Answers 191 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Soumya
Top achievements
Rank 1
Soumya asked on 05 Aug 2012, 05:26 AM
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.

4 Answers, 1 is accepted

Sort by
0
Soumya
Top achievements
Rank 1
answered on 06 Aug 2012, 05:08 AM
Any suggestions? 
0
Nencho
Telerik team
answered on 06 Aug 2012, 04:08 PM
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.
0
Soumya
Top achievements
Rank 1
answered on 07 Aug 2012, 05:31 AM
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
0
Nencho
Telerik team
answered on 07 Aug 2012, 12:41 PM
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.
Tags
TabStrip
Asked by
Soumya
Top achievements
Rank 1
Answers by
Soumya
Top achievements
Rank 1
Nencho
Telerik team
Share this question
or