Hi,
How to selected the first child tab when I click the parent tab?
For example (please refer to coding below),
When page load, the ParentTab1, ChildTab1 and pgView1 will be selected.
When I click the ParentTab1, the ChildTab1 and pgView1 will be selected.
When I click the ParentTab2, the ChildTabA and pgViewA will be selected.
When I click the ParentTab3, the pgViewTab will be selected.
Anyone can help?
Thanks.
Regards,
Jessie
How to selected the first child tab when I click the parent tab?
For example (please refer to coding below),
When page load, the ParentTab1, ChildTab1 and pgView1 will be selected.
When I click the ParentTab1, the ChildTab1 and pgView1 will be selected.
When I click the ParentTab2, the ChildTabA and pgViewA will be selected.
When I click the ParentTab3, the pgViewTab will be selected.
<telerik:RadTabStrip ID="rtsTab" runat="server" MultiPageID="rmpTab" ScrollChildren="true"> |
<Tabs> |
<telerik:RadTab Text="ParentTab1" runat="server" Selected="true"> |
<Tabs> |
<telerik:RadTab Text="ChildTab1" PageViewID="pgView1" Selected="true"> |
</telerik:RadTab> |
<telerik:RadTab Text="ChildTab2" PageViewID="pgView2"> |
</telerik:RadTab> |
</Tabs> |
</telerik:RadTab> |
<telerik:RadTab Text="ParentTab2" runat="server"> |
<Tabs> |
<telerik:RadTab Text="ChildTabA" PageViewID="pgViewA"> |
</telerik:RadTab> |
<telerik:RadTab Text="childTabB" PageViewID="pgViewB"> |
</telerik:RadTab> |
<telerik:RadTab Text="childTabC" PageViewID="pgViewC"> |
</telerik:RadTab> |
</Tabs> |
</telerik:RadTab> |
<telerik:RadTab Text="ParentTab3" runat="server" PageViewID="pgViewTab"> |
</telerik:RadTab> |
</Tabs> |
</telerik:RadTabStrip> |
<telerik:RadMultiPage ID="rmpTab" runat="server"> |
<telerik:RadPageView ID="pgView1" runat="server" Selected="true"> |
ParentTab1, ChildTab1 |
</telerik:RadPageView> |
<telerik:RadPageView ID="pgView2" runat="server"> |
ParentTab1, ChildTab2 |
</telerik:RadPageView> |
<telerik:RadPageView ID="pgViewA" runat="server"> |
ParentTab2, ChildTabA |
</telerik:RadPageView> |
<telerik:RadPageView ID="pgViewB" runat="server"> |
ParentTab2, ChildTabB |
</telerik:RadPageView> |
<telerik:RadPageView ID="pgViewC" runat="server"> |
ParentTab2, ChildTabC |
</telerik:RadPageView> |
<telerik:RadPageView ID="pgViewTab" runat="server"> |
ParentTab3 |
</telerik:RadPageView> |
<telerik:RadAjaxManager runat="server" ID="RadAjaxManager1"> |
<AjaxSettings> |
<telerik:AjaxSetting AjaxControlID="rtsTab"> |
<UpdatedControls> |
<telerik:AjaxUpdatedControl ControlID="rtsTab" /> |
<telerik:AjaxUpdatedControl ControlID="rmpTab" /> |
</UpdatedControls> |
</telerik:AjaxSetting> |
</AjaxSettings> |
</telerik:RadAjaxManager> |
Anyone can help?
Thanks.
Regards,
Jessie