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> </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" /> <asp:Button ID="btnCancel" Text="CANCEL" CssClass="button" runat="server" /> </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} <br>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} <br>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> |