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

來源:互聯網
上載者:User

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="上一頁"

我們再來看看:

圖12-1

怎麼樣,變了吧:)

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

再看看:

圖12-2

搞定。

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

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

再看:

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

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



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。