網頁

2013年10月18日 星期五

ASP.NET MVC 資料分頁 - 使用 PagedList.Mvc:自訂分頁資訊顯示

上一篇「ASP.NET MVC 資料分頁 - 使用 PagedList.Mvc:分頁列樣式」說明了 PagedList.Mvc 所提供的兩個 Html Helper,分別為「PagedListPager」與「PagedListGoToPageForm」,雖然 PagedListPager 有提供 PagedListRenderOptions 以及幾個預設的樣式讓我們使用,但如果我們想要自訂分頁資訊的顯示樣式的話,就必須要靠我們自己來做調整了,以下說明可以自己調整分頁資訊顯示的幾種方法。

 


在 PagedList.Mvc 裡,我們可以在檢視頁面裡使用 PagedListPager 以及設定 PagedListRenderOptions 內容的方式來設定分頁列所顯示的分頁樣式以及顯示分頁資訊,例如目前是那一頁、共幾頁、資料筆數等等。

以下的設定是會將所有的分頁列能夠顯示的資訊都用上,

image

執行結果

image

雖然說只要簡單的設定就可以將所有分頁項目與相關資訊給顯示出來,並沒有很難的作法,但是顯示出來的樣式還是會覺得不太對,不要說我們程式開發人員自己,讓客戶或是使用者看到這個分頁列一定會有很多的意見,例如第幾頁共幾頁的資訊能不能拿到外面,或是顯示項目能不能也拿外面,又或者是順序做個調整。

 

其實我們也可以用下面的設定方式讓分頁數與顯示項目給移到外面,

image

顯示結果

image

 

或是將分頁數與顯示項目給分開來,

image

執行結果

image

 

其實我們可以自己處理分頁數與顯示項目的樣式,不需要透過 PagedListPager 與 PagedListRenderOptions,也可以用下面的方式來做處裡,

image

執行結果

image

 

又或者是在檢視頁面上多加一個下拉選單,讓使用者可以用下拉選單來選擇要瀏覽的頁數,

image

Controller

image

View

image

 

這一篇就先說明到這裡。

以上

沒有留言:

張貼留言