Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

Problem facing with page view and RabTabStrip

1 Answer 73 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Abid
Top achievements
Rank 1
Abid asked on 02 Aug 2011, 12:52 PM
My Code is :

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />
    <style type="text/css">
        .border
        {
            border-bottom: 1px solid grey;
        }
        
        .RadTabStripVertical li.rtsLI .new, .new
        {
            padding-left: 10px !important;
        }
        .RadTabStripVertical li.rtsLI .new1, .new1
        {
            padding-left: 20px !important;
        }
        .RadTabStripVertical li.rtsLI .new2, .new2
        {
            padding-left: 30px !important;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <%--Needed for JavaScript IntelliSense in VS2010--%>
            <%--For VS2008 replace RadScriptManager with ScriptManager--%>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
        </Scripts>
    </telerik:RadScriptManager>
    <script type="text/javascript">
        //Put your JavaScript code here.
    </script>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>
    <div>
        <table style="padding: 0px; width: 100%; float: left">
            <tr>
                <td width="20%" valign="top">
                    <telerik:RadPanelBar ID="RadPanelBar1" runat="server" Width="100%">
                        <Items>
                            <telerik:RadPanelItem runat="server" Text="Registration">
                                <Items>
                                    <telerik:RadPanelItem runat="server" Text="Student">
                                    </telerik:RadPanelItem>
                                    <telerik:RadPanelItem runat="server" Text="Test">
                                    </telerik:RadPanelItem>
                                </Items>
                            </telerik:RadPanelItem>
                            <telerik:RadPanelItem runat="server" Text="SuperUser">
                                <Items>
                                    <telerik:RadPanelItem runat="server" Text="Window &amp; Tab">
                                    </telerik:RadPanelItem>
                                </Items>
                            </telerik:RadPanelItem>
                        </Items>
                    </telerik:RadPanelBar>
                </td>
                <td width="100%" style="float: left">
                    <telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="0" Skin="Office2007"
                        Width="100%" MultiPageID="RadMultiPage1">
                        <Tabs>
                            <telerik:RadTab runat="server" Text="Student" Selected="True" SelectedIndex="0" PageViewID="RadPageView1">
                                <Tabs>
                                    <telerik:RadTab runat="server" Text="AD_TABLE_ID" PageViewID="RadPageView1">
                                    </telerik:RadTab>
                                </Tabs>
                            </telerik:RadTab>
                            <telerik:RadTab runat="server" Text="Test" PageViewID="RadPageView2">
                                <Tabs>
                                    <telerik:RadTab runat="server" Text="Client Orders" PageViewID="RadPageView2">
                                    </telerik:RadTab>
                                    <telerik:RadTab runat="server" Text="Client Information" PageViewID="RadPageView2">
                                    </telerik:RadTab>
                                </Tabs>
                            </telerik:RadTab>
                        </Tabs>
                    </telerik:RadTabStrip>
                    <telerik:RadMultiPage ID="RadMultiPage1" runat="server" Width="100%" SelectedIndex="0">
                        <telerik:RadPageView ID="RadPageView1" runat="server" Width="100%">
                            <telerik:RadToolBar ID="RadToolBar1" runat="server" Width="100%">
                                <Items>
                                    <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Ignore24.png">
                                    </telerik:RadToolBarButton>
                                    <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Help24.png">
                                    </telerik:RadToolBarButton>
                                    <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Save24.png">
                                    </telerik:RadToolBarButton>
                                    <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Multi24.png">
                                    </telerik:RadToolBarButton>
                                    <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Ignore24.png">
                                    </telerik:RadToolBarButton>
                                    <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Report24.png">
                                    </telerik:RadToolBarButton>
                                    <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Report24.png">
                                    </telerik:RadToolBarButton>
                                    <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Archive24.png">
                                    </telerik:RadToolBarButton>
                                </Items>
                            </telerik:RadToolBar>
                            <telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="XmlDataSource1">
                                <HeaderContextMenu DataTextField="id" DataValueField="id">
                                </HeaderContextMenu>
                                <HeaderContextMenu DataTextField="name" DataValueField="name">
                                </HeaderContextMenu>
                                <HeaderContextMenu DataTextField="color" DataValueField="color">
                                </HeaderContextMenu>
                            </telerik:RadGrid>
                            <asp:XmlDataSource ID="XmlDataSource1" runat="server" EnableCaching="False" DataFile="~/Bin/xml.xml"
                                TransformFile="~/Bin/xml.xsl"></asp:XmlDataSource>
                            <br>
                            student >> home address >> city<br>
                            <!--Sub Tab -->
                            <telerik:RadTabStrip ID="RadTabStrip2" runat="server" Orientation="VerticalLeft"
                                MultiPageID="RadMultiPage2" Width="10%" SelectedIndex="1">
                                <Tabs>
                                    <telerik:RadTab runat="server" Text="Batch" PageViewID="RadPageView3" CssClass="border">
                                    </telerik:RadTab>
                                    <telerik:RadTab runat="server" Text="Address" OuterCssClass="new" CssClass="border"
                                        Selected="True" PageViewID="RadPageView3">
                                    </telerik:RadTab>
                                </Tabs>
                            </telerik:RadTabStrip>
                        </telerik:RadPageView>
                        <telerik:RadPageView ID="RadPageView2" runat="server" Width="100%">
                        </telerik:RadPageView>
                    </telerik:RadMultiPage>
                    <telerik:RadMultiPage ID="RadMultiPage2" runat="server">
                        <telerik:RadPageView ID="RadPageView3" runat="server" Width="100%">
                            <telerik:RadToolBar ID="RadToolBar3" runat="server" Width="100%">
                                <Items>
                                    <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Ignore24.png">
                                    </telerik:RadToolBarButton>
                                    <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Help24.png">
                                    </telerik:RadToolBarButton>
                                    <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Save24.png">
                                    </telerik:RadToolBarButton>
                                    <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Multi24.png">
                                    </telerik:RadToolBarButton>
                                    <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Ignore24.png">
                                    </telerik:RadToolBarButton>
                                    <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Report24.png">
                                    </telerik:RadToolBarButton>
                                    <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Report24.png">
                                    </telerik:RadToolBarButton>
                                    <telerik:RadToolBarButton runat="server" ImageUrl="http://testadempiere.com/webui/images/Archive24.png">
                                    </telerik:RadToolBarButton>
                                </Items>
                            </telerik:RadToolBar>
                            <telerik:RadGrid ID="RadGrid2" runat="server" DataSourceID="XmlDataSource1">
                                <HeaderContextMenu DataTextField="id" DataValueField="id">
                                </HeaderContextMenu>
                                <HeaderContextMenu DataTextField="name" DataValueField="name">
                                </HeaderContextMenu>
                                <HeaderContextMenu DataTextField="color" DataValueField="color">
                                </HeaderContextMenu>
                            </telerik:RadGrid>
                            <asp:XmlDataSource ID="XmlDataSource2" runat="server" EnableCaching="False" DataFile="~/Bin/xml.xml"
                                TransformFile="~/Bin/xml.xsl"></asp:XmlDataSource>
                        </telerik:RadPageView>
                    </telerik:RadMultiPage>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>
NOW THE PROBLEM I AM FACING IS, INITIALLY ON THE PAGE LOAD, TEST RAD TAB CONTENT IS EMPTY. WHEN I CLICK BATCH AND THE CONTENT OF THE BATCH APPEARS, THE CONTENT OF THE BATCH ALSO APPEARS WITH THE TEST RAD TAB. CAN ANY BODY SOLVE THIS ISSUE? 



1 Answer, 1 is accepted

Sort by
0
Helen
Telerik team
answered on 03 Aug 2011, 11:04 AM
Hello Abid,

Could you please change your code like the following:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head id="Head1" runat="server">
    <title></title>
    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />
    <style type="text/css">
        .border
        {
          border-bottom: 1px solid grey;
        }
         
        .RadTabStripVertical li.rtsLI .new, .new
        {
           padding-left: 10px !important;
        }
        .RadTabStripVertical li.rtsLI .new1, .new1
        {
           padding-left: 20px !important;
        }
        .RadTabStripVertical li.rtsLI .new2, .new2
        {
           padding-left: 30px !important;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    <Scripts>
        <%--Needed for JavaScript IntelliSense in VS2010--%>
        <%--For VS2008 replace RadScriptManager with ScriptManager--%>
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
    </Scripts>
    </telerik:RadScriptManager>
    <script type="text/javascript">
        //Put your JavaScript code here.
    </script>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>
    <div>
    <table style="padding: 0px; width: 100%; float: left">
    <tr>
    <td width="100%" style="float: left">
    <telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="0" Skin="Office2007"
    Width="100%" MultiPageID="RadMultiPage1">
    <Tabs>
    <telerik:RadTab runat="server" Text="Student" Selected="True" SelectedIndex="0" PageViewID="RadPageView1">
    <Tabs>
        <telerik:RadTab runat="server" Text="AD_TABLE_ID" PageViewID="RadPageView1">
        </telerik:RadTab>
    </Tabs>
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Test" PageViewID="RadPageView2">
<Tabs>
    <telerik:RadTab runat="server" Text="Client Orders" PageViewID="RadPageView2">
    </telerik:RadTab>
    <telerik:RadTab runat="server" Text="Client Information" PageViewID="RadPageView2">
    </telerik:RadTab>
</Tabs>
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage1" runat="server" Width="100%" SelectedIndex="0">
<telerik:RadPageView ID="RadPageView1" runat="server" Width="100%">
    <telerik:RadToolBar ID="RadToolBar1" runat="server" Width="100%">
        <Items>
            <telerik:RadToolBarButton runat="server" Text="RadToolBar1">
            </telerik:RadToolBarButton>
            <telerik:RadToolBarButton runat="server" Text="RadToolBar1">
            </telerik:RadToolBarButton>
            <telerik:RadToolBarButton runat="server" Text="RadToolBar1">
            </telerik:RadToolBarButton>
            <telerik:RadToolBarButton runat="server" Text="RadToolBar1">
            </telerik:RadToolBarButton>
            <telerik:RadToolBarButton runat="server" Text="RadToolBar1">
            </telerik:RadToolBarButton>
            <telerik:RadToolBarButton runat="server" Text="RadToolBar1">
            </telerik:RadToolBarButton>
            <telerik:RadToolBarButton runat="server" Text="RadToolBar1">
            </telerik:RadToolBarButton>
            <telerik:RadToolBarButton runat="server" Text="RadToolBar1">
            </telerik:RadToolBarButton>
        </Items>
    </telerik:RadToolBar>
    
    <br>
    student >> home address >> city<br>
    <!--Sub Tab -->
    <telerik:RadTabStrip ID="RadTabStrip2" runat="server" Orientation="VerticalLeft"
        MultiPageID="RadMultiPage2" Width="10%">
        <Tabs>
            <telerik:RadTab runat="server" Text="Batch" PageViewID="RadPageView3" CssClass="border">
            </telerik:RadTab>
            <telerik:RadTab runat="server" Text="Address" OuterCssClass="new" CssClass="border"
                Selected="True" PageViewID="RadPageView3">
            </telerik:RadTab>
        </Tabs>
    </telerik:RadTabStrip>
    <telerik:RadMultiPage ID="RadMultiPage2" runat="server">
<telerik:RadPageView ID="RadPageView3" runat="server" Width="100%">
    <telerik:RadToolBar ID="RadToolBar3" runat="server" Width="100%">
        <Items>
            <telerik:RadToolBarButton runat="server" Text="RadToolBar3">
            </telerik:RadToolBarButton>
            <telerik:RadToolBarButton runat="server" Text="RadToolBar3">
            </telerik:RadToolBarButton>
            <telerik:RadToolBarButton runat="server" Text="RadToolBar3">
            </telerik:RadToolBarButton>
            <telerik:RadToolBarButton runat="server" Text="RadToolBar3">
            </telerik:RadToolBarButton>
            <telerik:RadToolBarButton runat="server" IText="RadToolBar3">
            </telerik:RadToolBarButton>
            <telerik:RadToolBarButton runat="server" Text="RadToolBar3">
            </telerik:RadToolBarButton>
            <telerik:RadToolBarButton runat="server" Text="RadToolBar3">
            </telerik:RadToolBarButton>
            <telerik:RadToolBarButton runat="server" Text="RadToolBar3">
            </telerik:RadToolBarButton>
        </Items>
    </telerik:RadToolBar>
    <asp:XmlDataSource ID="XmlDataSource2" runat="server" EnableCaching="False" DataFile="~/Bin/xml.xml"
        TransformFile="~/Bin/xml.xsl"></asp:XmlDataSource>
</telerik:RadPageView>
</telerik:RadMultiPage>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView2" runat="server" Width="100%">
This is Page2
</telerik:RadPageView>
</telerik:RadMultiPage>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>

Regards,
Helen
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Tags
TabStrip
Asked by
Abid
Top achievements
Rank 1
Answers by
Helen
Telerik team
Share this question
or