<%@ Page Language="C#" MasterPageFile="~/NavPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="ButtonsFormat_Default" Title="AspNetPager分頁示例 — 自定義導航按鈕" %>
<asp:Content ID="Content1" ContentPlaceHolderID="main" Runat="Server">
    <div>該示例演示如何使用自定義AspNetPager分頁控件的分頁導航按鈕文本及樣式
    </div><br />
        <asp:DataList ID="DataList1" runat="server"  RepeatDirection="Horizontal" RepeatColumns="2" Width="100%">
        <ItemStyle Width="50%"/>
<ItemTemplate>
訂單編號：<%#DataBinder.Eval(Container.DataItem,"orderid")%>&nbsp;&nbsp;&nbsp;&nbsp;
訂單日期：<font color="blue"><%#DataBinder.Eval(Container.DataItem,"orderdate","{0:d}")%></font><br>
公司名稱：<%#DataBinder.Eval(Container.DataItem,"companyname")%><br>
雇員姓名：<%#DataBinder.Eval(Container.DataItem,"employeename")%><br>
<hr>
</ItemTemplate>
        </asp:DataList>
    <webdiyer:aspnetpager id="AspNetPager1" runat="server" horizontalalign="Center" onpagechanged="AspNetPager1_PageChanged"
        width="100%"  PageIndexBoxStyle="width:19px" FirstPageText="【首頁】" LastPageText="【尾頁】" NextPageText="【后頁】" PrevPageText="【前頁】" NumericButtonTextFormatString="【{0}】"
        TextAfterPageIndexBox="頁" TextBeforePageIndexBox="轉到第"  CustomInfoHTML="Page  <font color='red'><b>%CurrentPageIndex%</b></font> of  %PageCount%&nbsp;&nbsp;Order %StartRecordIndex%-%EndRecordIndex%"></webdiyer:aspnetpager>
</asp:Content>