DataGrid的分頁(2)
這里我緊接上一節(jié),講DataGrid的分頁。在上例中,我們可以看到對于分頁控制,本來已經(jīng)足夠了,呵呵,但是只是一個(gè)普通的分頁,多沒有意思,還是給它變些花樣好。先講講上一節(jié)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" /> 關(guān)于它的屬性,有些就不講了一看就知道。這里講幾個(gè)新鮮的:)
HeaderStyle-BackColor是指Column欄的顏色
AlternatingItemStyle-BackColor是指隔行交替出現(xiàn)的顏色
這些我們在上一節(jié)中已經(jīng)看到了。下面我再講一些屬性。
我們看著那個(gè)"<"與">"不順眼,我們想把他們換成"上一頁"與"下一頁",很好辦,加入兩條屬性
PagerStyle-NextPageText="下一頁" PagerStyle-PrevPageText="上一頁"
我們再來看看:
圖12-1
怎么樣,變了吧:)
我們還是看不慣,要是用123這些數(shù)字標(biāo)記多好。也行。再加屬性。
PagerStyle-Mode="NumericPages"
再看看:
圖12-2
搞定。
要是能顯示一共有多少頁,而且還可報(bào)告當(dāng)前為第幾頁,那又多好:),也行,不過就不是改屬性能做到了。我們加上下面的代碼
當(dāng)前頁是:<font color=red><%=DataGrid1.CurrentPageIndex+1%></font><br> 總頁數(shù)是:<font color=red><%=DataGrid1.PageCount%></font><br>
再看:
是不是又可以了。呵呵,有的朋友還需要加入"末頁"和"首頁"的鏈接,這也是可以的,不過要復(fù)雜的多。
太晚了,我們下次再講吧。主要是使用OnPageIndexChanged事件。呵呵,有興趣的朋友可以先做出來:)
|