最近接觸了一下MvcPager,來做個筆記吧
其實,我喜歡前後端分離,分頁這種東西前端負責的地方,後端不用顧問,這裡的MvcPager有點讓我想起服務器控件,畢竟用到了HtmlHelper。
但是挺方便的。。以前我們寫分頁,後端會封裝一Page<T>類,現在我們可以用MvcPager給我們提供好的PageList<T>,功能有點類似,不過MvcPager的功能要強大。
一、使用MvcPager這個控件,需要以下支持
1.後端MvcPager.dll引用:
2.前端需要Css:pagerstyles.css,以及其他主題樣式 圖片等(PS:我的Demo是用的bootstrap)Js:Jq,jquery.unobtrusive-ajax.min.js,MvcPager.js(PS:同步的分頁不需要全部引用,異步的分頁是需要引用的,這裡我們暫時都先引用哈)
二、利用MvcPager提供的方法ToPageList進行分頁查詢,取出數據,返回給前台進行展示
這裡返回PageList<UserInfo>對象給前台的強類型視圖,注意這裡的form的method=“get”,因為分頁條的鏈接是基於url來進行訪問後台的,搜索的參數都是通過url帶過去的,如果變為post,那麼搜索的功能將會失效。
主要是這張圖,設置分頁條的代碼,這裡用到了MvcPager的分頁功能,是對HtmlHelper的擴展。
三、效果圖
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。