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

2 tab strips on same page issue

1 Answer 95 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Sam
Top achievements
Rank 1
Sam asked on 05 Aug 2009, 03:45 PM
I have 2 tab strips on the same page, the 1st one works as expected but the second one doesn't switch between pageviews. Here is my aspx code:

<%@ Page Title="" Language="VB" MasterPageFile="~/Employee/MasterPage.master" AutoEventWireup="false" CodeFile="SOView.aspx.vb" Inherits="Employee_SOView" %> 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
 
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">                     
                        <telerik:RadTabStrip ID="RadTabStrip1" CausesValidation="false" runat="server" MultiPageID="RadMultiPage1" 
                SelectedIndex="1" Width="100%"
                <Tabs> 
                    <telerik:RadTab runat="server" Text="General" PageViewID="rpvGeneral" Selected="True"
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Shipping" PageViewID="rpvShipping"
                    </telerik:RadTab> 
                     <telerik:RadTab runat="server" Text="Billing" PageViewID="rpvBilling"
                    </telerik:RadTab> 
                </Tabs> 
            </telerik:RadTabStrip> 
            <table width="100%"
                <tr> 
                    <td class="tableheader"
                        Service Order View 
                    </td> 
                </tr> 
                <tr> 
                <td colspan="4" align="center"><asp:Label ID="lblMessage" runat="server"></asp:Label></td
                </tr> 
            </table> 
            <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0"
             
                <telerik:RadPageView ID="rpvGeneral" runat="server"
                <table width="100%" border="0" cellpadding="2" cellspacing="5"
                <tr> 
                <td style="width: 178px"><b>Number</b></td><td><asp:Label ID="lblSONumber" runat="server"></asp:Label></td
                <td style="width: 178px"><b>Taken By</b></td><td><asp:Label ID="lblTakenBy" Text="Dave Downie" runat="server"></asp:Label></td
                </tr> 
                <tr> 
                <td></td
                </tr> 
                <tr> 
                <td style="width: 178px"><b>Account</b></td><td><asp:Label ID="lblAccount" runat="server"></asp:Label></td><td><b>SO Type</b></td
                <td><asp:DropDownList ID="ddlSOType" DataTextField="SOType" DataValueField="SOType"  
                        AppendDataBoundItems="true" runat="server" Width="150px"
                                     <asp:ListItem Text="- Select One -"></asp:ListItem> 
                                     </asp:DropDownList></td
                </tr> 
                <tr> 
                <td style="width: 178px"><b>Contact</b></td><td><asp:DropDownList ID="ddlContact"  
                        DataTextField="ContactName" DataValueField="ContactNumber"  
                        AppendDataBoundItems="true" runat="server" Width="155px"
                                     <asp:ListItem Text="- Select One -"></asp:ListItem> 
                                     </asp:DropDownList></td
                                     <td><b>Primary Engineer</b></td
                <td><asp:DropDownList ID="ddlEngineer" AppendDataBoundItems="true"  
                        DataTextField="RepName" DataValueField="RepNumber" runat="server" Width="150px"
                                     <asp:ListItem Text="- Select One -"></asp:ListItem> 
                                     </asp:DropDownList></td
                </tr> 
                <tr> 
                <td style="width: 178px"><b>Description</b></td><td> 
                    <asp:TextBox ID="txtDescription" runat="server" Width="150px"></asp:TextBox> 
                    </td><td><b>Reference</b></td><td><asp:TextBox ID="txtReference" runat="server"  
                        Width="145px"></asp:TextBox></td
                </tr> 
                <tr> 
                 
                <td><b>Priority</b></td
                <td><asp:DropDownList ID="ddlPriority" AppendDataBoundItems="true"  
                        DataTextField="Priority" DataValueField="Rank" Width="155" runat="server"
                   <asp:ListItem Text="- Select One -"></asp:ListItem> 
                </asp:DropDownList></td
                <td><b>Status</b></td
                <td><asp:DropDownList ID="ddlStatus" AppendDataBoundItems="true" DataTextField="SOStatus" DataValueField="SOStatus" Width="155" runat="server"
                    <asp:ListItem Text="- Select One -"></asp:ListItem> 
                </asp:DropDownList></td
                </tr> 
                <tr> 
                <td style="width: 178px"><b>Date Received</b></td
                <td><telerik:RadDatePicker ID="txtDateReceived" runat="server" Width="160px" DateInput-EmptyMessage=""
                    <Calendar ID="Calendar3" runat="server" FastNavigationStep="12" ShowColumnHeaders="False" ShowOtherMonthsDays="False" 
                                            ShowRowHeaders="False"
                                        </Calendar> 
                                        <DatePopupButton HoverImageUrl="" ImageUrl="" /> 
                </telerik:RadDatePicker> 
                 
                 
                 
                 
               </td> 
                                    <td><b>Time Received</b></td><td><telerik:RadTimePicker ID="txtTimeReceived" MinDate="12/30/1899" Width="160" runat="server" /></td
                 
                </tr> 
                 
                <tr> 
                <td style="width: 178px"><b>Date Requested</b></td
                <td><telerik:RadDatePicker ID="txtDateRequested" runat="server" Width="160px" DateInput-EmptyMessage=""
                    <Calendar ID="Calendar1" runat="server" FastNavigationStep="12" ShowColumnHeaders="False" ShowOtherMonthsDays="False" 
                                            ShowRowHeaders="False"
                                        </Calendar> 
                                        <DatePopupButton HoverImageUrl="" ImageUrl="" /> 
                </telerik:RadDatePicker></td
                                    <td><b>Time Requested</b></td
                                     
                                    <td><telerik:RadTimePicker ID="txtTimeRequested" MinDate="12/30/1899" Width="160" runat="server" /></td
                 
                </tr> 
                 
                <tr> 
                <td style="width: 178px"><b>Date Opened</b></td
                <td><telerik:RadDatePicker ID="txtDateOpened" runat="server" Width="160px" DateInput-EmptyMessage=""
                    <Calendar ID="Calendar2" runat="server" FastNavigationStep="12" ShowColumnHeaders="False" ShowOtherMonthsDays="False" 
                                            ShowRowHeaders="False"
                                        </Calendar> 
                                        <DatePopupButton HoverImageUrl="" ImageUrl="" /> 
                </telerik:RadDatePicker></td
                                    <td><b>Time Opened</b></td
                                     
                                    <td><telerik:RadTimePicker ID="txtTimeOpened" MinDate="12/30/1899" Width="160" runat="server" /></td
                 
                </tr> 
                 
                 
                <tr> 
                <td style="width: 178px"><b>Date Closed</b></td
                <td><telerik:RadDatePicker ID="txtDateClosed" runat="server" Width="160px" DateInput-EmptyMessage=""
                    <Calendar ID="Calendar4" runat="server" FastNavigationStep="12" ShowColumnHeaders="False" ShowOtherMonthsDays="False" 
                                            ShowRowHeaders="False"
                                        </Calendar> 
                                        <DatePopupButton HoverImageUrl="" ImageUrl="" /> 
                </telerik:RadDatePicker></td
                                    <td><b>Time Closed</b></td
                                     
                                    <td><telerik:RadTimePicker ID="txtTimeClosed" MinDate="12/30/1899" Width="160" runat="server" /></td
                 
                </tr> 
                 
                <tr> 
                 
                <td valign="top"><b>Work Requested</b></td><td><asp:TextBox ID="txtWorkRequested" Width="150" Height="100" TextMode="MultiLine" runat="Server"></asp:TextBox></td
                <td valign="top"><b>Work Performed</b></td><td><asp:TextBox ID="txtWorkPerformed" Width="150" Height="100" TextMode="MultiLine" runat="Server"></asp:TextBox></td
                </tr> 
                <tr> 
                <td><b>Contract Number</b></td><td><asp:Label ID="lblContractNumber" runat="server"></asp:Label></td
                <td><b>Time Logged</b></td><td><asp:Label ID="lblTimeLogged" runat="server"></asp:Label></td
                </tr> 
                <tr> 
                <td><b>System Serviced</b></td><td><asp:DropDownList ID="ddlSystemServiced" DataTextField="SystemDescription" DataValueField="SystemDescription" AppendDataBoundItems="true" runat="server"
                                                   <asp:ListItem Text="- Select One -"></asp:ListItem></asp:DropDownList></td
                 
                <td><b>Service Zone</b></td><td><asp:DropDownList ID="ddlServiceZone" DataTextField="ServiceZone" DataValueField="ServiceZone" AppendDataBoundItems="true" runat="server"
                                                   <asp:ListItem Text="- Select One -"></asp:ListItem></asp:DropDownList></td
                 
                </tr> 
                 
                 
                 
                </table> 
                </telerik:RadPageView> 
               
                 
                <telerik:RadPageView ID="rpvShipping" runat="server"
                <table width="650" border="0" cellpadding="2" cellspacing="5">    
                <tr> 
                <td><b>Company Name</b></td><td><asp:TextBox ID="txtShippingCompanyName" runat="server"></asp:TextBox></td
                </tr> 
                <tr> 
                <td><b>Address 1</b></td><td><asp:TextBox ID="txtShippingAddress1" runat="server"></asp:TextBox></td
                </tr> 
                <tr> 
                <td><b>Address 2</b></td><td><asp:TextBox ID="txtShippingAddress2" runat="server"></asp:TextBox></td
                </tr> 
                <tr> 
                <td><b>City</b></td><td><asp:TextBox ID="txtShippingCity" runat="server"></asp:TextBox></td
                </tr> 
                <tr> 
                <td><b>State</b></td
                <td><asp:DropDownList ID="ddlShippingState" AppendDataBoundItems="true" DataTextField="State" DataValueField="State" runat="server"
                <asp:ListItem Text="- Select One -"></asp:ListItem> 
                </asp:DropDownList></td
                </tr> 
                <tr> 
                <td><b>Zip Code</b></td><td><asp:TextBox ID="txtShippingZipCode" runat="server"></asp:TextBox></td
                </tr> 
                <tr> 
                <td><b>Country</b></td><td><asp:DropDownList AppendDataBoundItems="true" ID="ddlShippingCountry" DataTextField="Country" DataValueField="Country" runat="server"
                <asp:ListItem Text="- Select One -"></asp:ListItem> 
                </asp:DropDownList></td
                </tr> 
                <tr> 
                <td><b>Contact Name</b></td><td><asp:TextBox ID="txtShippingContactName" runat="server"></asp:TextBox></td
                </tr> 
                <tr> 
                <td><b>Contact Phone</b></td><td><asp:TextBox ID="txtShippingContactPhone" runat="server"></asp:TextBox></td
                </tr> 
                </table> 
                </telerik:RadPageView> 
                 
                 
                <telerik:RadPageView ID="rpvBilling" runat="server"
                <table width="650" border="0" cellpadding="2" cellspacing="5">    
                <tr> 
                <td><b>Company Name</b></td><td><asp:TextBox ID="txtBillingCompanyName" runat="server"></asp:TextBox></td
                </tr> 
                <tr> 
                <td><b>Address 1</b></td><td><asp:TextBox ID="txtBillingAddress1" runat="server"></asp:TextBox></td
                </tr> 
                <tr> 
                <td><b>Address 2</b></td><td><asp:TextBox ID="txtBillingAddress2" runat="server"></asp:TextBox></td
                </tr> 
                <tr> 
                <td><b>City</b></td><td><asp:TextBox ID="txtBillingCity" runat="server"></asp:TextBox></td
                </tr> 
                <tr> 
                <td><b>State</b></td
                <td><asp:DropDownList ID="ddlBillingState" AppendDataBoundItems="true" DataTextField="State" DataValueField="State"  runat="server"
                <asp:ListItem Text="- Select One -"></asp:ListItem> 
                </asp:DropDownList></td
                </tr> 
                <tr> 
                <td><b>Zip Code</b></td><td><asp:TextBox ID="txtBillingZipCode" runat="server"></asp:TextBox></td
                </tr> 
                <tr> 
                <td><b>Country</b></td><td><asp:DropDownList AppendDataBoundItems="true" ID="ddlBillingCountry" DataTextField="Country" DataValueField="Country" runat="server"
                <asp:ListItem Text="- Select One -"></asp:ListItem> 
                </asp:DropDownList></td
                </tr> 
                <tr> 
                <td><b>Contact Name</b></td><td><asp:TextBox ID="txtBillingContactName" runat="server"></asp:TextBox></td
                </tr> 
                <tr> 
                <td><b>Contact Phone</b></td><td><asp:TextBox ID="txtBillingContactPhone" runat="server"></asp:TextBox></td
                </tr> 
                </table> 
                </telerik:RadPageView> 
                </telerik:RadMultiPage> 
                 
                <table width="100%"
                <tr> 
                <td>&nbsp;</td> 
                </tr> 
                <tr> 
                <td colspan="4"><hr /></td
                </tr> 
                <tr> 
                <td colspan="2" align="left"><asp:CheckBox ID="cbCompleteOpenTasks" Text="Complete Open Tasks when SO is Closed" runat="server" /></td><td align="right"><asp:Button ID="btnSave" Text="SAVE" CssClass="button" runat="server" />&nbsp;&nbsp;&nbsp;&nbsp;<asp:Button ID="btnCancel" Text="CANCEL" CssClass="button" runat="server" />&nbsp;&nbsp;&nbsp;&nbsp;</td> 
                </tr> 
                </table> 
                 
                 
                <br /> 
                <br /> 
                 <telerik:RadTabStrip ID="RadTabStrip2" CausesValidation="false" runat="server" MultiPageID="RadMultiPage1" 
                SelectedIndex="1" Width="100%"
                <Tabs> 
                    <telerik:RadTab runat="server" Text="SO Logs" PageViewID="rpvLogs" Selected="true"
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="SO Notes" PageViewID="rpvNotes"
                    </telerik:RadTab> 
                     <telerik:RadTab runat="server" Text="Parts Used" PageViewID="rpvParts"
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Items Serviced" PageViewID="rpvItems"
                    </telerik:RadTab> 
                     <telerik:RadTab runat="server" Text="Invoices" PageViewID="rpvInvoices"
                    </telerik:RadTab> 
                     <telerik:RadTab runat="server" Text="Profiles" PageViewID="rpvProfiles"
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Symptoms" PageViewID="rpvSymptoms"
                    </telerik:RadTab> 
                </Tabs> 
            </telerik:RadTabStrip> 
          
            <telerik:RadMultiPage ID="RadMultiPage2" runat="server" SelectedIndex="0"
             
                <telerik:RadPageView ID="rpvLogs" runat="server"
                 
                <telerik:RadGrid ID="rgLogs" runat="server" AllowPaging="True" AllowSorting="True" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True" 
                    AutoGenerateColumns="False" DataSourceID="sdsLogs" GridLines="None" EnableTheming="True" 
                    ShowStatusBar="True" AllowFilteringByColumn="True"
                    <MasterTableView DataKeyNames="" CommandItemDisplay="Top" DataSourceID="sdsLogs" 
                       EditMode="PopUp" AllowMultiColumnSorting="True"
                        <Columns> 
                             
                            <telerik:GridBoundColumn DataField="StartDateTime" HeaderText="Start" SortExpression="StartDateTime" 
                                UniqueName="StartDateTime"
                            </telerik:GridBoundColumn> 
                             <telerik:GridBoundColumn DataField="EndDateTime" HeaderText="End" SortExpression="EndDateTime" 
                                UniqueName="EndDateTime"
                            </telerik:GridBoundColumn> 
                            <telerik:GridBoundColumn DataField="RepName" HeaderText="Engineer" SortExpression="RepName" 
                                UniqueName="RepName"
                            </telerik:GridBoundColumn> 
                              <telerik:GridBoundColumn DataField="LogHours" HeaderText="Time Spent" SortExpression="LogHours" 
                                UniqueName="LogHours"
                            </telerik:GridBoundColumn> 
                             <telerik:GridBoundColumn DataField="LogComment" HeaderText="Comment" SortExpression="LogComment" 
                                UniqueName="LogComment"
                            </telerik:GridBoundColumn> 
                             
                             
                        </Columns> 
                        <RowIndicatorColumn> 
                            <HeaderStyle Width="20px" /> 
                        </RowIndicatorColumn> 
                        <ExpandCollapseColumn> 
                            <HeaderStyle Width="20px" /> 
                        </ExpandCollapseColumn> 
                        <PagerStyle Mode="NextPrevNumericAndAdvanced" PageButtonCount="5" PagerTextFormat="Change page: {4}  Page {0} of {1},  {5} items." 
                            AlwaysVisible="True" />                             
                    </MasterTableView> 
                    <ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True" EnableRowHoverStyle="True"
                        <Selecting AllowRowSelect="False" /> 
                        <Resizing AllowColumnResize="True" ClipCellContentOnResize="False" EnableRealTimeResize="True" /> 
                    </ClientSettings> 
                    <GroupPanel ID="GroupPanel" Style="width: 100%;"
                    </GroupPanel> 
                    <PagerStyle Mode="NextPrevNumericAndAdvanced" PagerTextFormat="Change page: {4} &lt;br&gt;Displaying page {0} of {1}, items {2} to {3} of {5}." /> 
                    <FilterItemStyle HorizontalAlign="Left" /> 
                    <FilterMenu EnableTheming="True"
                        <CollapseAnimation Duration="200" Type="OutQuint" /> 
                    </FilterMenu> 
                </telerik:RadGrid> 
                 
                 <asp:SqlDataSource ID="sdsLogs" runat="server" ConnectionString="<%$ ConnectionStrings:tigerpaw %>" 
                    SelectCommand="SELECT  StartDateTime, EndDateTime, RepName, LogHours, LogComment FROM tblSOLogs LEFT JOIN tblReps ON tblSOLogs.Tech = tblReps.RepNumber  
                                   WHERE [SONumber] = @SONumber ORDER BY StartDateTime desc"> 
                                    
                    <SelectParameters> 
                        <asp:QueryStringParameter Name="SONumber" Type="Int32" QueryStringField="so" /> 
                    </SelectParameters>  
                </asp:SqlDataSource>         
                </telerik:RadPageView> 
                 
                 
                 
                 
                <telerik:RadPageView ID="rpvNotes" runat="server"
                 
                <telerik:RadGrid ID="rgNotes" runat="server" AllowPaging="True" AllowSorting="True" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True" 
                    AutoGenerateColumns="False" DataSourceID="sdsNotes" GridLines="None" EnableTheming="True" 
                    ShowStatusBar="True" AllowFilteringByColumn="True"
                    <MasterTableView DataKeyNames="" CommandItemDisplay="Top" DataSourceID="sdsNotes" 
                       EditMode="PopUp" AllowMultiColumnSorting="True"
                        <Columns> 
                             
                            <telerik:GridBoundColumn DataField="DateCreated" HeaderText="Date Created" SortExpression="DateCreated" 
                                UniqueName="DateCreated"
                            </telerik:GridBoundColumn> 
                             <telerik:GridBoundColumn DataField="Topic" HeaderText="Topic" SortExpression="Topic" 
                                UniqueName="Topic"
                            </telerik:GridBoundColumn> 
                            <telerik:GridBoundColumn DataField="Note" HeaderText="Note" SortExpression="Note" 
                                UniqueName="Note"
                            </telerik:GridBoundColumn>                        
                        </Columns> 
                        <RowIndicatorColumn> 
                            <HeaderStyle Width="20px" /> 
                        </RowIndicatorColumn> 
                        <ExpandCollapseColumn> 
                            <HeaderStyle Width="20px" /> 
                        </ExpandCollapseColumn> 
                        <PagerStyle Mode="NextPrevNumericAndAdvanced" PageButtonCount="5" PagerTextFormat="Change page: {4}  Page {0} of {1},  {5} items." 
                            AlwaysVisible="True" />                             
                    </MasterTableView> 
                    <ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True" EnableRowHoverStyle="True"
                        <Selecting AllowRowSelect="False" /> 
                        <Resizing AllowColumnResize="True" ClipCellContentOnResize="False" EnableRealTimeResize="True" /> 
                    </ClientSettings> 
                    <GroupPanel ID="GroupPanel1" Style="width: 100%;"
                    </GroupPanel> 
                    <PagerStyle Mode="NextPrevNumericAndAdvanced" PagerTextFormat="Change page: {4} &lt;br&gt;Displaying page {0} of {1}, items {2} to {3} of {5}." /> 
                    <FilterItemStyle HorizontalAlign="Left" /> 
                    <FilterMenu EnableTheming="True"
                        <CollapseAnimation Duration="200" Type="OutQuint" /> 
                    </FilterMenu> 
                </telerik:RadGrid> 
                 
                 <asp:SqlDataSource ID="sdsNotes" runat="server" ConnectionString="<%$ ConnectionStrings:tigerpaw %>" 
                    SelectCommand="SELECT DateCreated, Topic, Note FROM tblSONotes WHERE [SONumber] = @SONumber ORDER BY DateCreated"
                                    
                    <SelectParameters> 
                        <asp:QueryStringParameter Name="SONumber" Type="Int32" QueryStringField="so" /> 
                    </SelectParameters>  
                </asp:SqlDataSource> 
         
                </telerik:RadPageView> 
          
                <telerik:RadPageView ID="rpvParts" runat="server"
                 
                </telerik:RadPageView> 
                <telerik:RadPageView ID="rpvItems" runat="server"
                 
                </telerik:RadPageView> 
                <telerik:RadPageView ID="rpvInvoices" runat="server"
                 
                </telerik:RadPageView> 
                <telerik:RadPageView ID="rpvProfiles" runat="server"
                 
                </telerik:RadPageView> 
                <telerik:RadPageView ID="rpvSymptoms" runat="server"
                Symptoms 
                 
                </telerik:RadPageView> 
                </telerik:RadMultiPage> 
                 
</asp:Content> 
 
 

1 Answer, 1 is accepted

Sort by
0
Sam
Top achievements
Rank 1
answered on 05 Aug 2009, 04:01 PM
Nevermind...... I fixed it, it was looking at the Multipage1 not 2. :)



Tags
TabStrip
Asked by
Sam
Top achievements
Rank 1
Answers by
Sam
Top achievements
Rank 1
Share this question
or