TabbedPanels分页显示问题

最新推荐文章于 2018-03-30 18:12:00 发布

fenyuxiao

最新推荐文章于 2018-03-30 18:12:00 发布

阅读量3.1k

点赞数

分类专栏：七拼八凑文章标签： asp server class calendar button textbox

本文链接：https://blog.csdn.net/fenyuxiao/article/details/4205644

版权

七拼八凑专栏收录该内容

24 篇文章 0 订阅

订阅专栏

遇到TabbedPanels分页的时候选项卡老是出现在第1个上，挣扎的几个小时，结果一个很简单的JS就解决问题了，html代码是：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SearchAllServiceOrder.aspx.cs" Inherits="Com.DRPENG.OSPlatformWeb.pages.Order.SearchAllServiceOrder" %> <%@ Register Assembly="Com.DRPENG.Resource.Controls" Namespace="Com.DRPENG.Resource.Controls.UI.WebForm" TagPrefix="cc1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>全部服务订单</title> <link href="../../css/zh-CN.css" mce_href="css/zh-CN.css" rel="stylesheet" type="text/css" /> <mce:script src="../../SpryAssets/SpryTabbedPanels.js" mce_src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></mce:script> <link href="../../SpryAssets/SpryTabbedPanels_Sell.css" mce_href="SpryAssets/SpryTabbedPanels_Sell.css" rel="stylesheet" type="text/css" /> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> .style1 { width: 100%; } </style> </head> <body> <form id="form1" runat="server"> <div class="divmain"> <table class="style1"> <tr class="header"> <td colspan="2"> 服务订单查询 </td> </tr> <tr> <td> <table> <tr class="row"> <td align="right" style="width: 120px"> 查询方式： </td> <td> <asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow" AutoPostBack="True" OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged"> <asp:ListItem Selected="True">订单号查询</asp:ListItem> <asp:ListItem>其他查询</asp:ListItem> </asp:RadioButtonList> </td> </tr> </table> </td> </tr> <tr id="trOrderNumber" runat="server"> <td> <table width="100%"> <tr class="row"> <td align="right" style="width: 120px"> 订单号： </td> <td> <asp:TextBox ID="txtOrderNumber" runat="server" Width="200px"></asp:TextBox> <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtOrderNumber" ErrorMessage="订单号不能为空！">*</asp:RequiredFieldValidator> </td> </tr> </table> </td> </tr> <tr id="trOtherSearch" runat="server" visible="false"> <td colspan="2"> <table width="100%"> <tr class="row"> <td align="right" style="width: 120px"> 下单人： </td> <td> <asp:TextBox ID="txtOrderBureName" runat="server" Width="200px"></asp:TextBox> </td> </tr> <tr class="row"> <td align="right"> 起始时间： </td> <td> <cc1:Calendar ID="CdStartTime" runat="server" Width="200px"></cc1:Calendar> <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="CdStartTime" ErrorMessage="起始日期不能为空！">*</asp:RequiredFieldValidator> </td> </tr> <tr class="row"> <td align="right"> 终止时间： </td> <td> <cc1:Calendar ID="CdEndTime" runat="server" Width="200px"></cc1:Calendar> <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="CdEndTime" ErrorMessage="终止日期不能为空！">*</asp:RequiredFieldValidator> </td> </tr> <tr class="row"> <td align="right"> 订单服务名称： </td> <td> <asp:DropDownList ID="ddlServiceName" runat="server" Width="200px"> </asp:DropDownList> </td> </tr> </table> </td> </tr> <tr class="row"> <td colspan="2" align="center"> <asp:Button ID="btnSearch" runat="server" Text="查询" CssClass="button" OnClick="btnSearch_Click" /> </td> </tr> <tr id="tablePanels" runat="server" visible="false"> <td colspan="2"> <div id="TabbedPanels1" class="TabbedPanels"> <ul class="TabbedPanelsTabGroup"> <li class="TabbedPanelsTab" tabindex="0">全部订单</li> <li class="TabbedPanelsTab" tabindex="0">未支付订单</li> <li class="TabbedPanelsTab" tabindex="0">已支付订单</li> </ul> <div class="TabbedPanelsContentGroup"> <div class="TabbedPanelsContent"> <table width="100%" border="0"> <tr> <td align="right"> <asp:Button ID="btnDCAll" runat="server" Text="导出" CssClass="button" OnClick="btnDCAll_Click" CausesValidation="False" /> </td> </tr> <tr class="row"> <td> <cc1:RSGridView ID="GridViewAll" CssClass="tabmain" CellPadding="3" BorderWidth="0px" runat="server" AutoGenerateColumns="False" AllowPaging="false" BorderColor="#C6D5F5" BorderStyle="Solid" Font-Names="Verdana,Arial,Helvetica,sans-serif,宋体" Font-Size="X-Small" ForeColor="Black" PagingStyle="None" OnRowDataBound="GridViewAll_RowDataBound"> <PagerSettings FirstPageText="<span style="font-family:webdings;font-size:small;" mce_style="font-family:webdings;font-size:small;">9</span>" LastPageText="<span style="font-family:webdings;font-size:small;" mce_style="font-family:webdings;font-size:small;">:</span>" NextPageText="<span style="font-family:webdings;font-size:small;" mce_style="font-family:webdings;font-size:small;">4</span>" PreviousPageText="<span style="font-family:webdings;font-size:small;" mce_style="font-family:webdings;font-size:small;">3</span>"> </PagerSettings> <RowStyle BackColor="#F7F9FE"></RowStyle> <Columns> <asp:TemplateField HeaderText="订单号"> <ItemTemplate> <a οnclick="window.open('IncrementServiceOrderList.aspx?OrderNumber=<%# DataBinder.Eval(Container, "DataItem.OrderNumber") %>','','toolbar=no,width=980,left=10,menubar=no, scrollbars=yes, resizable=yes, location=no, status=yes')" target="_blank"> <asp:Label ID="lblOrderNum" Style="cursor: hand" mce_Style="cursor: hand" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.OrderNumber") %>'></asp:Label></a> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="订单类型"> <ItemTemplate> <asp:Label ID="lblOrderTypeAll" runat="server"></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="金额"> <ItemTemplate> <asp:Label ID="Label1" runat="server" Text='<%# double.Parse(DataBinder.Eval(Container, "DataItem.TotalMoney").ToString())==0?"0.00":double.Parse(DataBinder.Eval(Container, "DataItem.TotalMoney").ToString())<1 ?double.Parse(DataBinder.Eval(Container, "DataItem.TotalMoney").ToString()).ToString("0.00"):double.Parse(DataBinder.Eval(Container, "DataItem.TotalMoney").ToString()).ToString(".00") %>'>'></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:BoundField DataField="AddOrderTime" HeaderText="订单时间" /> <asp:TemplateField HeaderText="状态"> <ItemTemplate> <asp:Label ID="lblOrderStateAll" runat="server"></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="支付方式"> <ItemTemplate> <asp:Label ID="lblOrderModeAll" runat="server"></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:BoundField DataField="BuyerName" HeaderText="下单人" /> </Columns> <PagerStyle HorizontalAlign="Right" BackColor="#E8E8E8"></PagerStyle> <SelectedRowStyle BackColor="#FFFFD0"></SelectedRowStyle> <HeaderStyle Font-Bold="False" Font-Size="13px" Height="22px"></HeaderStyle> <AlternatingRowStyle BackColor="#FFFFFF"></AlternatingRowStyle> </cc1:RSGridView> </td> </tr> <tr class="row" align="right"> <td> <webdiyer:AspNetPager ID="AspNetAll" runat="server" OnPageChanged="AspNetAll_PageChanged"> </webdiyer:AspNetPager> </td> </tr> </table> </div> <div class="TabbedPanelsContent"> <table width="100%" border="0"> <tr> <td align="right"> <asp:Button ID="btnDCNo" runat="server" Text="导出" CssClass="button" OnClick="btnDCNo_Click" CausesValidation="False" /> </td> </tr> <tr class="row"> <td> <cc1:RSGridView ID="GridViewNo" CssClass="tabmain" CellPadding="3" BorderWidth="0px" runat="server" AutoGenerateColumns="False" AllowPaging="false" BorderColor="#C6D5F5" BorderStyle="Solid" Font-Names="Verdana,Arial,Helvetica,sans-serif,宋体" Font-Size="X-Small" ForeColor="Black" PagingStyle="None" OnRowDataBound="GridViewNo_RowDataBound"> <PagerSettings FirstPageText="<span style="font-family:webdings;font-size:small;" mce_style="font-family:webdings;font-size:small;">9</span>" LastPageText="<span style="font-family:webdings;font-size:small;" mce_style="font-family:webdings;font-size:small;">:</span>" NextPageText="<span style="font-family:webdings;font-size:small;" mce_style="font-family:webdings;font-size:small;">4</span>" PreviousPageText="<span style="font-family:webdings;font-size:small;" mce_style="font-family:webdings;font-size:small;">3</span>"> </PagerSettings> <RowStyle BackColor="#F7F9FE"></RowStyle> <Columns> <asp:TemplateField HeaderText="订单号"> <ItemTemplate> <a οnclick="window.open('IncrementServiceOrderList.aspx?OrderNumber=<%# DataBinder.Eval(Container, "DataItem.OrderNumber") %>','','toolbar=no,width=980,left=10,menubar=no, scrollbars=yes, resizable=yes, location=no, status=yes')" target="_blank"> <asp:Label ID="lblOrderNum" Style="cursor: hand" mce_Style="cursor: hand" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.OrderNumber") %>'></asp:Label></a> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="订单类型"> <ItemTemplate> <asp:Label ID="lblOrderTypeNo" runat="server"></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="金额"> <ItemTemplate> <asp:Label ID="Label1" runat="server" Text='<%# double.Parse(DataBinder.Eval(Container, "DataItem.TotalMoney").ToString())==0?"0.00":double.Parse(DataBinder.Eval(Container, "DataItem.TotalMoney").ToString())<1 ?double.Parse(DataBinder.Eval(Container, "DataItem.TotalMoney").ToString()).ToString("0.00"):double.Parse(DataBinder.Eval(Container, "DataItem.TotalMoney").ToString()).ToString(".00") %>'></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:BoundField DataField="AddOrderTime" HeaderText="订单时间" /> <asp:TemplateField HeaderText="状态"> <ItemTemplate> <asp:Label ID="lblOrderStateNo" runat="server"></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="支付方式"> <ItemTemplate> <asp:Label ID="lblOrderModeNo" runat="server"></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:BoundField DataField="BuyerName" HeaderText="下单人" /> </Columns> <PagerStyle HorizontalAlign="Right" BackColor="#E8E8E8"></PagerStyle> <SelectedRowStyle BackColor="#FFFFD0"></SelectedRowStyle> <HeaderStyle Font-Bold="False" Font-Size="13px" Height="22px"></HeaderStyle> <AlternatingRowStyle BackColor="#FFFFFF"></AlternatingRowStyle> </cc1:RSGridView> </td> </tr> <tr class="row" align="right"> <td> <webdiyer:AspNetPager ID="AspNetNo" runat="server" OnPageChanged="AspNetNo_PageChanged"> </webdiyer:AspNetPager> </td> </tr> </table> </div> <div class="TabbedPanelsContent"> <table width="100%" border="0"> <tr> <td align="right"> <asp:Button ID="btnDCYes" runat="server" Text="导出" CssClass="button" OnClick="btnDCYes_Click" CausesValidation="False" /> </td> </tr> <tr class="row"> <td> <cc1:RSGridView ID="GridViewYes" CssClass="tabmain" CellPadding="3" BorderWidth="0px" runat="server" AutoGenerateColumns="False" AllowPaging="false" BorderColor="#C6D5F5" BorderStyle="Solid" Font-Names="Verdana,Arial,Helvetica,sans-serif,宋体" Font-Size="X-Small" ForeColor="Black" PagingStyle="None" OnRowDataBound="GridViewYes_RowDataBound"> <PagerSettings FirstPageText="<span style="font-family:webdings;font-size:small;" mce_style="font-family:webdings;font-size:small;">9</span>" LastPageText="<span style="font-family:webdings;font-size:small;" mce_style="font-family:webdings;font-size:small;">:</span>" NextPageText="<span style="font-family:webdings;font-size:small;" mce_style="font-family:webdings;font-size:small;">4</span>" PreviousPageText="<span style="font-family:webdings;font-size:small;" mce_style="font-family:webdings;font-size:small;">3</span>"> </PagerSettings> <RowStyle BackColor="#F7F9FE"></RowStyle> <Columns> <asp:TemplateField HeaderText="订单号"> <ItemTemplate> <a οnclick="window.open('IncrementServiceOrderList.aspx?OrderNumber=<%# DataBinder.Eval(Container, "DataItem.OrderNumber") %>','','toolbar=no,width=980,left=10,menubar=no, scrollbars=yes, resizable=yes, location=no, status=yes')" target="_blank"> <asp:Label ID="lblOrderNum" Style="cursor: hand" mce_Style="cursor: hand" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.OrderNumber") %>'></asp:Label></a> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="订单类型"> <ItemTemplate> <asp:Label ID="lblOrderTypeYes" runat="server"></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="金额"> <ItemTemplate> <asp:Label ID="Label1" runat="server" Text='<%# double.Parse(DataBinder.Eval(Container, "DataItem.TotalMoney").ToString())==0?"0.00":double.Parse(DataBinder.Eval(Container, "DataItem.TotalMoney").ToString())<1 ?double.Parse(DataBinder.Eval(Container, "DataItem.TotalMoney").ToString()).ToString("0.00"):double.Parse(DataBinder.Eval(Container, "DataItem.TotalMoney").ToString()).ToString(".00") %>'></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:BoundField DataField="AddOrderTime" HeaderText="订单时间" /> <asp:TemplateField HeaderText="状态"> <ItemTemplate> <asp:Label ID="lblOrderStateYes" runat="server"></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="支付方式"> <ItemTemplate> <asp:Label ID="lblOrderModeYes" runat="server"></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:BoundField DataField="BuyerName" HeaderText="下单人" /> </Columns> <PagerStyle HorizontalAlign="Right" BackColor="#E8E8E8"></PagerStyle> <SelectedRowStyle BackColor="#FFFFD0"></SelectedRowStyle> <HeaderStyle Font-Bold="False" Font-Size="13px" Height="22px"></HeaderStyle> <AlternatingRowStyle BackColor="#FFFFFF"></AlternatingRowStyle> </cc1:RSGridView> </td> </tr> <tr class="row" align="right"> <td> <webdiyer:AspNetPager ID="AspNetYes" runat="server" OnPageChanged="AspNetYes_PageChanged"> </webdiyer:AspNetPager> </td> </tr> </table> </div> </div> </div> <mce:script type="text/javascript"></mce:script> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> <table width="100%" id="tbNumber" runat="server"> <tr class="row"> <td> <cc1:RSGridView ID="RSGVNumber" CssClass="tabmain" CellPadding="3" BorderWidth="0px" runat="server" AutoGenerateColumns="False" AllowPaging="false" BorderColor="#C6D5F5" BorderStyle="Solid" Font-Names="Verdana,Arial,Helvetica,sans-serif,宋体" Font-Size="X-Small" ForeColor="Black" PagingStyle="None" OnRowDataBound="GridViewNumber_RowDataBound"> <PagerSettings FirstPageText="<span style="font-family:webdings;font-size:small;" mce_style="font-family:webdings;font-size:small;">9</span>" LastPageText="<span style="font-family:webdings;font-size:small;" mce_style="font-family:webdings;font-size:small;">:</span>" NextPageText="<span style="font-family:webdings;font-size:small;" mce_style="font-family:webdings;font-size:small;">4</span>" PreviousPageText="<span style="font-family:webdings;font-size:small;" mce_style="font-family:webdings;font-size:small;">3</span>"> </PagerSettings> <RowStyle BackColor="#F7F9FE"></RowStyle> <Columns> <asp:TemplateField HeaderText="订单号"> <ItemTemplate> <a οnclick="window.open('IncrementServiceOrderList.aspx?OrderNumber=<%# DataBinder.Eval(Container, "DataItem.OrderNumber") %>','','toolbar=no,width=980,left=10,menubar=no, scrollbars=yes, resizable=yes, location=no, status=yes')" target="_blank"> <asp:Label ID="lblOrderNum" Style="cursor: hand" mce_Style="cursor: hand" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.OrderNumber") %>'></asp:Label></a> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="订单类型"> <ItemTemplate> <asp:Label ID="lblOrderTypeNumber" runat="server"></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="金额"> <ItemTemplate> <asp:Label ID="Label1" runat="server" Text='<%# double.Parse(DataBinder.Eval(Container, "DataItem.TotalMoney").ToString())==0?"0.00":double.Parse(DataBinder.Eval(Container, "DataItem.TotalMoney").ToString())<1 ?double.Parse(DataBinder.Eval(Container, "DataItem.TotalMoney").ToString()).ToString("0.00"):double.Parse(DataBinder.Eval(Container, "DataItem.TotalMoney").ToString()).ToString(".00") %>'></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:BoundField DataField="AddOrderTime" HeaderText="订单时间" /> <asp:TemplateField HeaderText="状态"> <ItemTemplate> <asp:Label ID="lblOrderStateNumber" runat="server"></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="支付方式"> <ItemTemplate> <asp:Label ID="lblOrderModeNumber" runat="server"></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:BoundField DataField="BuyerName" HeaderText="下单人" /> </Columns> <PagerStyle HorizontalAlign="Right" BackColor="#E8E8E8"></PagerStyle> <SelectedRowStyle BackColor="#FFFFD0"></SelectedRowStyle> <HeaderStyle Font-Bold="False" Font-Size="13px" Height="22px"></HeaderStyle> <AlternatingRowStyle BackColor="#FFFFFF"></AlternatingRowStyle> </cc1:RSGridView> </td> </tr> <tr class="row"> <td align="right"> <webdiyer:AspNetPager ID="AspNetNumber" runat="server" OnPageChanged="AspNetNumber_PageChanged"> </webdiyer:AspNetPager> </td> </tr> </table> </div> <asp:ValidationSummary ID="ValidationSummary1" runat="server" ShowMessageBox="True" ShowSummary="False" /> </form> <mce:script type="text/javascript"></mce:script> </body> </html>

关键部分是： <script type="text/javascript">

var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
    if(TabbedPanels1!="undefined")
    {
        switch("<%=count %>")
        {
            case "0":
            TabbedPanels1.showPanel(0);
            break;
             case "1":
            TabbedPanels1.showPanel(1);
            break;
             case "2":
            TabbedPanels1.showPanel(2);
            break;
        }

   }

    </script>

count是在.cs文件中设置的一个全局变量，public string count="0";

在分页的时候赋新值

   #region 分页
        protected void AspNetAll_PageChanged(object sender, EventArgs e)
        {
           .........

count = "0";
}

        protected void AspNetNo_PageChanged(object sender, EventArgs e)
        {
            .........

count = "1";
}

        protected void AspNetYes_PageChanged(object sender, EventArgs e)
        {
             .........

             count = "2";
        }
        #endregion

应该还有更好的方法，有时间的话研究研究！！！

fenyuxiao

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
TabbedPanels分页显示问题

遇到TabbedPanels分页的时候选项卡老是出现在第1个上，挣扎的几个小时，结果一个很简单的JS就解决问题了，html代码是：<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SearchAllServiceOrder.aspx.cs" Inherits="Com.DRPENG.OSPlatformWeb.pag
复制链接

扫一扫