ASP.NET MVC分頁、ASP.NET MVC Ajax分頁組件1.0發(fā)布!

2019-11-17 03:54:16

字體：大中小

供稿：網(wǎng)友

在實際項目的開發(fā)過程中！發(fā)現(xiàn)很多人對 asp.net MVC框架下的分頁實現(xiàn)感到吃力或者感到繁瑣！故在元旦假期為大家寫了個ASP.NET MVC分頁組件！該分頁組件現(xiàn)中包含ASP.NET MVC Ajax分頁以及ASP.NET MVC 普通分頁!現(xiàn)正式發(fā)布供大家使用！

     因本人水平有限！使用之中發(fā)現(xiàn)不足之處還望大家指點一二！

    請需要的朋友在此處下載：DaiChaoMvcPager.dll

    該分頁組件相關(guān)說明：

1    namespace：DaiChaoMvcPager2 3    class:DCMvcPager4

   屬性：

代碼
  1 #region 分頁所需要的實體參數(shù)類成員屬性  2         /// <summary>  3         /// Ajax加載Url數(shù)據(jù)后填充所需要的容器Dom ID  Default：requestAjaxText  4         /// </summary>  5          public string LoadDomId  6         {  7             set { _loaddomid = value; }  8             get { return _loaddomid; }  9         } 10         /// <summary> 11         /// 當(dāng)為Ajax分頁時：Ajax請求所要加載的Url格式(使用Jquery.Load)  Eg：/News/Category-1-{0} 12         /// 當(dāng)為普通分頁時：普通分頁所要加載的Url格式(使用GET方式) Eg：/News/Category-1-{0} 13         /// /News/Category-1-{0}中的{0}為頁碼占位符,替換成頁碼即可 14         /// Default："" 15         /// </summary> 16          public string FormatLinkUrl 17         { 18             set { _formatlinkurl = value; } 19             get { return _formatlinkurl; } 20         } 21         /// <summary> 22         /// 當(dāng)前頁面  Default：1 23         /// </summary> 24          public int CurrentPage 25         { 26             set { _currentpage = value; } 27             get { return _currentpage; } 28         } 29         /// <summary> 30         /// 頁大小  Default：15 31         /// </summary> 32          public int PageSize 33         { 34             set { _pagesize = value; } 35             get { return _pagesize; } 36         } 37         /// <summary> 38         /// 總記錄數(shù)  Default：0 39         /// </summary> 40          public int RecordCount 41         { 42             set { _recordcount = value; } 43             get { return _recordcount; } 44         } 45         /// <summary> 46         /// 每頁顯示數(shù)字按鈕的個數(shù)  Default：10 47         /// </summary> 48          public int NumericButtonCount 49         { 50             set { _numericbuttoncount = value; } 51             get { return _numericbuttoncount; } 52         } 53         /// <summary> 54         /// 頁碼導(dǎo)航中第一頁的文本  Default：首頁 55         /// </summary> 56          public string FirstPageText 57         { 58             set { _firstpagetext = value; } 59             get { return _firstpagetext; } 60         } 61         /// <summary> 62         /// 頁碼導(dǎo)航中上一頁的文本  Default：上一頁 63         /// </summary> 64          public string PRevPageText 65         { 66             set { _prevpagetext = value; } 67             get { return _prevpagetext; } 68         } 69         /// <summary> 70         /// 頁碼導(dǎo)航中下一頁的文本  Default：下一頁 71         /// </summary> 72          public string NextPageText 73         { 74             set { _nextpagetext = value; } 75             get { return _nextpagetext; } 76         } 77         /// <summary> 78         /// 頁碼導(dǎo)航中末頁的文本  Default：末頁 79         /// </summary> 80          public string LastPageText 81         { 82             set { _lastpagetext = value; } 83             get { return _lastpagetext; } 84         } 85         /// <summary> 86         /// 頁碼導(dǎo)航中上一組(更多頁)的文本  Default：<img src="http://m.survivalescaperooms.com/Content/images/pager/MoreNumericButton.gif" border="0" align="absmiddle"/> 87         /// </summary> 88          public string MorePrevPageText 89         { 90             set { _moreprevpagetext = value; } 91             get { return _moreprevpagetext; } 92         } 93         /// <summary> 94         /// 頁碼導(dǎo)航中下一組(更多頁)的文本  Default：<img src="http://m.survivalescaperooms.com/Content/images/pager/MoreNumericButton.gif" border="0" align="absmiddle"/> 95         /// </summary> 96          public string MoreNextPageText 97         { 98             set { _morenextpagetext = value; } 99             get { return _morenextpagetext; }100         }101         /// <summary>102         /// 轉(zhuǎn)到第幾頁中的按鈕的值  Default：GO103         /// </summary>104          public string SubmitButtonText105         {106             set { _submitbuttontext = value; }107             get { return _submitbuttontext; }108         }109         /// <summary>110         /// 轉(zhuǎn)到第幾頁中的按鈕的樣式名稱  Default：button_go111         /// </summary>112          public string SubmitButton_CSSName113         {114             set { _submitbutton_cssname = value; }115             get { return _submitbutton_cssname; }116         }117         /// <summary>118         /// 轉(zhuǎn)到第幾頁中文本框的樣式名稱  Default：textbox_pageIndex119         /// </summary>120          public string TextBox_CssName121         {122             set { _textbox_cssname = value; }123             get { return _textbox_cssname; }124         }125         /// <summary>126         /// 導(dǎo)航按鈕(普通)的樣式名稱  Default：page_a_NumericButton127         /// </summary>128          public string NumericButton_Cssname_One129         {130             set { _numericbutton_cssname_one = value; }131             get { return _numericbutton_cssname_one; }132         }133         /// <summary>134         /// 導(dǎo)航按鈕(當(dāng)前頁按鈕)的樣式名稱  Default：page_a_current135         /// </summary>136         public string NumericButton_Cssname_Two137         {138             set { _numericbutton_cssname_two = value; }139             get { return _numericbutton_cssname_two; }140         }141         /// <summary>142         /// 導(dǎo)航按鈕(不能訪問的，如：如果已經(jīng)是第一頁那么上一頁和首頁將不能被訪問)的樣式名稱  Default：page_a_disabled143         /// </summary>144         public string NumericButton_Cssname_Three145         {146             set { _numericbutton_cssname_three = value; }147             get { return _numericbutton_cssname_three; }148         }149         /// <summary>150         /// 跳轉(zhuǎn)文本框前后的文本樣式名稱(如轉(zhuǎn)到{0}頁中的“轉(zhuǎn)到第”和“頁”的樣式名稱!)  Default：page_span_text151         /// </summary>152         public string NumericButton_Cssname_Four153         {154             set { _numericbutton_cssname_four = value; }155             get { return _numericbutton_cssname_four; }156         }157         /// <summary>158         /// 分頁統(tǒng)計信息區(qū)域外框DIV的樣式表名稱  Default：Statistics159         /// </summary>160         public string Statistics_Div_Cssname161         {162             set { _statistics_div_cssname = value; }163             get { return _statistics_div_cssname; }164         }165         /// <summary>166         /// 分頁統(tǒng)計信息區(qū)域中的數(shù)字樣式表名稱  Default：StatisticsNumeric167         /// </summary>168         public string Statistics_Div_Numeric_Cssname169         {170             set { _statistics_div_numeric_cssname = value; }171             get { return _statistics_div_numeric_cssname; }172         }173         /// <summary>174         /// 分頁頁碼外框DIV的樣式表名稱  Default：NavigationArea175         /// </summary>176         public string NavigationArea_Div_Cssname177         {178             set { _navigationarea_div_cssname = value; }179             get { return _navigationarea_div_cssname; }180         }181         #endregion 分頁所需要的實體參數(shù)類成員屬性
   提供的方法：

   方法一：

代碼
        /// <summary>        /// MVC框架AJAX分頁函數(shù) 返回分頁導(dǎo)航的HTML代碼(需要Jquery支持)        /// </summary>        /// <returns>MVC框架AJAX分頁函數(shù) 返回分頁導(dǎo)航的HTML代碼(需要Jquery支持)</returns>        public string MvcAjaxPager()
   方法二：

代碼
        #region MVC框架普通分頁函數(shù) 返回分頁導(dǎo)航的Html代碼        /// <summary>        /// MVC框架普通分頁函數(shù) 返回分頁導(dǎo)航的Html代碼        /// </summary>        /// <returns>MVC框架普通分頁函數(shù) 返回分頁導(dǎo)航的Html代碼</returns>        public string MvcPager()

    現(xiàn)在提供使用方法：

   一：先引用該DLL到您自己的項目！

引用命名空間：

using DaiChaoMvcPager;

  二：實例化該類：

DCMvcPager pager = new DCMvcPager();
三：給該組件需要的屬性給賦值：

必需屬性：pager.RecordCount（總記錄數(shù)）和pager.FormatLinkUrl（Url格式!在上面的屬性注釋里面有詳細(xì)的注釋說明）

最后一步：執(zhí)行ASP.NET MVC Ajax分頁函數(shù)：pager.MvcAjaxPager()或者普通分頁函數(shù)(請求方式：get)pager.MvcPager()即可！該函數(shù)有一個string類型的返回值！返回值為生成的分頁頁碼和分頁統(tǒng)計信息html代碼！得到該返回值后怎么傳遞給view顯示我就不多說了不在本文的范圍之內(nèi)！

示例(Jquery Ajax分頁)代碼如下：(這里使用了一個用戶控件來展示數(shù)據(jù)！你可以根據(jù)自己需要換成其他的！)

代碼
1 public ActionResult NewsCategory(int Article_ClassID, int? PageIndex) 2 { 3     if (Request.IsAjaxRequest()) 4     { 5         if (!PageIndex.HasValue) 6         { 7             PageIndex = 1; 8         } 9         Model_Article ModelTool = new Model_Article();10         DCMvcPager pager = new DCMvcPager();11         pager.RecordCount = ModelTool.CMS_Article_GetRecordCount(Article_ClassID);12         pager.PageSize = 20;13         pager.FormatLinkUrl = "/News/Category-"+Article_ClassID+"-{0}";14         //此處這個占位符：{0}即為當(dāng)前頁碼索引需要占用的位置！你也可以根據(jù)需要自定義路由規(guī)則以此得到不同格式的Url地址!15         pager.CurrentPage = PageIndex.Value;16         List<Model_Web_Article> Lists = ModelTool.CMS_Article_GetList(pager.PageSize, pager.CurrentPage, Article_ClassID, pager.RecordCount);17         ViewData["PagerHtml"]=pager.MvcAjaxPager()；18         return PartialView(Lists);19     }20     else21     {22         //錯誤處理23     }24 }

當(dāng)然上面你也可以通過強型返回數(shù)據(jù)列表和html分頁代碼！這里就不作描述了！

用戶控件的html代碼如下：

代碼
1 <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<Model_Web_Article>" %> 2 <div id="requestAjaxText"> 3     <div id="list_containers"> 4         <ul> 5             <% 6             int _i = 0; 7             foreach (Model_Web_Article item in Model) 8             { 9                 <li>10                     <h2><%=Html.Encode(item.Article_Title.Trim())%></h2>11                     <span><%=item.Article_Time.ToShortDateString()%></span>12                 </li>13             }%>14         </ul>15     </div>16     <%=ViewData["PagerHtml"]%>17 </div>

該分頁組件使用了一套默認(rèn)的樣式！現(xiàn)把樣式提供出來：

代碼
@charset "utf-8";.Statistics{height:22px;line-height:22px;text-align:left;padding-left:11px;font-family:Tahoma;}.StatisticsNumeric{margin-left:4px;margin-right:4px;font-weight:Bold;color:#690;font-size:14px;}.NavigationArea{border-bottom:#ddd 1px solid;text-align:left;padding-bottom:10px;margin:5px 3px 5px 0px;padding-left:3px;padding-right:3px;font-family:Tahoma;display:block;clear:left;font-size:14px;padding-top:10px;}.NavigationArea a{text-decoration:none;padding-bottom:5px;padding-left:8px;padding-right:8px;padding-top:5px;}.NavigationArea a:hover{border-bottom:#690 2px solid;color:#690;text-decoration:none;}.page_a_NumericButton{color:#000000;}.page_a_disabled{color:#999999;}.page_a_current{border-bottom:#690 2px solid;color:#690;font-weight:700;}.button_go{border:none;background:#FFFFFF;font-family:Tahoma;border:solid 1px #CCCCCC;}.textbox_pageIndex{font-family:Tahoma;width:45px;border:solid 1px #CCCCCC;margin-left:5px;margin-right:5px;}.page_span_text{font-family:Tahoma;font-size:13px;}
該樣式表使用了一張圖片作為上一組和下一組的按鈕！圖片為：一張小圖片就不提供下載了！麻煩朋友們直接圖片另存為

上一篇：C#后臺創(chuàng)建Excel文件的那點事兒

下一篇：修改MOSS搜索結(jié)果鏈接及搜索結(jié)果中返回的結(jié)果屬性