ASP.NET GridView 入門教學（一）：基本資料綁定、分頁導航圖示與樣式設定

基礎標記範例

<asp:GridView ID="GridView1" runat="server" AllowPaging="True" AutoGenerateColumns="False" 
    PageSize="5" OnPageIndexChanging="GridView1_PageIndexChanging">
    <PagerSettings Mode="NumericFirstLast" PageButtonCount="5" 
        FirstPageImageUrl="~/Images/First.gif" FirstPageText="|<"
        PreviousPageImageUrl="~/Images/Previous.gif" 
        NextPageImageUrl="~/Images/Next.gif" 
        LastPageImageUrl="~/Images/Last.gif" LastPageText=">|" />
    <Columns>
        <asp:BoundField DataField="ClientName" HeaderText="姓名" />
        <asp:BoundField DataField="AddressStr" HeaderText="地址" />
        <asp:BoundField DataField="PostCode" HeaderText="郵編" />
    </Columns>
    <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />
    <RowStyle ForeColor="#000066" />
    <PagerStyle BackColor="#FFC080" Font-Bold="True" HorizontalAlign="Left" />
</asp:GridView>

後台綁定

protected void Page_Load(object sender, EventArgs e) 
{
    if (!IsPostBack) 
    {
        GridView1.DataSource = new ClientInfoAccessObj().GetAllClients();
        GridView1.DataBind();
    }
}

protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e) 
{
    GridView1.PageIndex = e.NewPageIndex;
    GridView1.DataSource = new ClientInfoAccessObj().GetAllClients();
    GridView1.DataBind();
}

重點

• AllowPaging 啟用分頁，PageSize 控制每頁筆數。
• PagerSettings 自訂導航圖示與模式。
• 樣式屬性（HeaderStyle、RowStyle、PagerStyle）美化外觀。