首頁 >後端開發 >C#.Net教程 >ASP.NET同步分頁MvcPager使用詳解

ASP.NET同步分頁MvcPager使用詳解

高洛峰
高洛峰原創
2016-12-10 09:11:571522瀏覽

最近接觸了一下MvcPager,來做個筆記吧

其實,我喜歡前後端分離,分頁這種東西前端負責的地方,後端不用顧問,這裡的MvcPager有點讓我想起服務器控件,畢竟用到了HtmlHelper 。

但是挺方便的。 。以前我們寫分頁,後端會封裝一Page類,現在我們可以用MvcPager給我們提供好的PageList,功能有點類似,不過MvcPager的功能要強大。

一、使用MvcPager這個控件,需要以下支援

1.後端MvcPager.dll引用:

ASP.NET同步分頁MvcPager使用詳解

2.前端需要Css:pagerstyles.css,以及其他主題樣式等(PS:我的圖片等(PS:我的圖片等(PS:我的圖片等。是用的bootstrap)Js:Jq,jquery.unobtrusive-ajax.min.js,MvcPager.js(PS:同步的分頁不需要全部引用,異步的分頁是需要引用的,這裡我們暫時都先引用哈)

ASP.NET同步分頁MvcPager使用詳解

二、利用MvcPager提供的方法ToPageList進行分頁查詢,取出數據,返回給前台進行展示

ASP.NET同步分頁MvcPager使用詳解

這裡返回PageList對象給前台的強類型視圖,注意這裡的form的視圖,注意這裡的form 「get」,因為分頁條的連結是基於url來進行訪問後台的,搜尋的參數都是透過url帶過去的,如果變成post,那麼搜尋的功能將會失效。

ASP.NET同步分頁MvcPager使用詳解

ASP.NET同步分頁MvcPager使用詳解

主要是這張圖,設定分頁條的程式碼,這裡用到了MvcPager的分頁功能,是對HtmlHelper的擴充。

ASP.NET同步分頁MvcPager使用詳解

三、效果圖

ASP.NET同步分頁MvcPager使用詳解


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn