親密接觸ASP.Net(12) DataGrid的分頁(2)

DataGrid的分頁（2）

這裡我緊接上一節，講DataGrid的分頁。在上例中，我們可以看到對於分頁控制，本來已經足夠了，呵呵，但是只是一個普通的分頁，多沒有意思，還是給它變些花樣好。先講講上一節DataGrid控制項所用的屬性

<ASP:DataGrid id="DataGrid1" runat="server"
AllowPaging="True"
PageSize="5"
PagerStyle-HorizontalAlign="Right"
BorderColor="black"
BorderWidth="1"
GridLines="Both"
CellPadding="3"
CellSpacing="0"
Font-Name="Verdana"
Font-Size="8pt"
HeaderStyle-BackColor="#aaaadd"
AlternatingItemStyle-BackColor="#eeeeee"
/>
關於它的屬性，有些就不講了一看就知道。這裡講幾個新鮮的：）

HeaderStyle-BackColor是指Column欄的顏色

AlternatingItemStyle-BackColor是指隔行交替出現的顏色

這些我們在上一節中已經看到了。下面我再講一些屬性。

我們看著那個"<"與">"不順眼，我們想把他們換成"上一頁"與"下一頁",很好辦，加入兩條屬性

PagerStyle-NextPageText="下一頁"
PagerStyle-PrevPageText="上一頁"

我們再來看看：

圖１２－１

怎麼樣，變了吧：）

我們還是看不慣，要是用１２３這些數字標記多好。也行。再加屬性。 PagerStyle-Mode="NumericPages"

再看看：

圖１２－２

搞定。

要是能顯示一共有多少頁，而且還可報告當前為第幾頁，那又多好：），也行，不過就不是改屬效能做到了。我們加上下面的代碼

當前頁是：<font color=red><%=DataGrid1.CurrentPageIndex+1%></font><br>
總頁數是：<font color=red><%=DataGrid1.PageCount%></font><br>

再看：

是不是又可以了。呵呵，有的朋友還需要加入"末頁"和"首頁"的連結，這也是可以的，不過要複雜的多。

太晚了，我們下次再講吧。主要是使用OnPageIndexChanged事件。呵呵，有興趣的朋友可以先做出來：）