ASP。净MVC4使用PagedList.Mvc实现分页功能的方法是什么

  介绍

这篇文章主要介绍ASP。净MVC4使用PagedList.Mvc实现分页功能的方法是什么,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

ASP。NET MVC中进行分页的方式有多种,在NuGet上有提供使用PagedList, PagedList。Mvc进行分页。

 ASP。净MVC4使用PagedList.Mvc实现分页功能的方法是什么

在安装引用PagedList。Mvc的同时会安装引用PagedList。

代码如下:

@Html.PagedListPager (ViewBag.Models (PagedList.IPagedList

搜索触发事件:

& lt;输入类型=皌ext"id=癲atemin"文本Wdate"类=?;风格=翱矶?60 px;“值=https://www.yisu.com/zixun/盄Request [datemin“]”>         <按钮类型=疤峤弧崩?" btn btn-success " id=" name=" "> & lt; script>   函数搜索(){   var url=袄嘈?1“;;   if ($ (“# keyword") .val () !=啊? {   url +=昂妥??+ $ (“# keyword") .val ();   }   if ($ (“# datemin") .val () !=啊? {   url +=? datemin=?+ $ (“# datemin") .val ();   }   if ($ (“# datemax") .val () !=啊? {   url +=? datemax=?+ $ (“# datemax") .val ();   }   window.location。href=https://www.yisu.com/zixun/?Admin/SampleInfo/指数”+网址;   }   

后台方法:

IQueryable模型=db.SampleInfoBLL.GetAllEntities ()。在哪里(d=比;d。IsDel==false);   如果(! String.IsNullOrEmpty(请求(“keyword")))   {   字符串字=请求(“keyword");   模型=模型。在哪里(d=比;d.Site_Chinese.Contains(关键字));   }   如果(! String.IsNullOrEmpty(请求(“datemin")))   {   int datemin=Convert.ToInt32(请求(“datemin"));   模型=模型。在哪里(d=比;Convert.ToDouble (d.Lon_Degree)祝辞=datemin);   }   如果(! String.IsNullOrEmpty(请求(“datemax")))   {   int datemax=Convert.ToInt32(请求(“datemax"));   模型=模型。在哪里(d=比;Convert.ToDouble (d.Lat_Degree) & lt;=datemax);   }   int页面=1;   如果请求(“page") !=null)   {   页面=Convert.ToInt32(请求(“page"));   }   ViewBag。ModelsCount=models.Count ();   ViewBag。模型=模型。OrderBy (d=比;d.SampleInfoID)。ToPagedList(页面,10);

分页控件样式:

。分页{   显示:inline-block;   padding-left: 0;   保证金:20 px 0;   border - radius: 4 px;   }      .pagination祝辞李{   显示:内联;   }      .pagination祝辞李比;一个,   .pagination祝辞李比;跨度{   位置:相对;   浮:左;   填充:6 px 12 px;   margin-left: 1 px;   行高:1.428571429;   文字修饰:没有;   background - color: # ffffff;   边界:1 px固体# dddddd;   }      .pagination祝辞李:第一个孩子比;一个,   .pagination祝辞李:第一个孩子比;跨度{   margin-left: 0;   border-bottom-left-radius: 4 px;   border-top-left-radius: 4 px;   }      .pagination祝辞李:胎比;一个,   .pagination祝辞李:胎比;跨度{   border-top-right-radius: 4 px;   border-bottom-right-radius: 4 px;   }      .pagination祝辞李比;徘徊,   .pagination祝辞李比;跨度:徘徊,   .pagination祝辞李比;专注,   .pagination祝辞李比;跨度:专注{   background - color: #继续;   }      .pagination祝辞.active祝辞一个,   .pagination祝辞.active祝辞跨度,   .pagination祝辞.active祝辞徘徊,   .pagination祝辞.active祝辞跨度:徘徊,   .pagination祝辞.active祝辞专注,   .pagination祝辞.active祝辞跨度:专注{   z - index: 2;   颜色:# ffffff;   光标:违约;   background - color: # 428 bca;   边框颜色:# 428 bca;   }      .pagination祝辞.disabled祝辞跨度,   .pagination祝辞.disabled祝辞一个,   .pagination祝辞.disabled祝辞徘徊,   .pagination祝辞.disabled祝辞答:{焦点   颜色:# 999999;   光标:不允许;   background - color: # ffffff;   边框颜色:# dddddd;   }      .pagination-lg祝辞李比;一个,   .pagination-lg祝辞李比;跨度{   填充:10 px 16 px;   字体大小:18 px;   }      .pagination-lg祝辞李:第一个孩子比;一个,   .pagination-lg祝辞李:第一个孩子比;跨度{   border-bottom-left-radius: 6 px;   border-top-left-radius: 6 px;   }      .pagination-lg祝辞李:胎比;一个,   .pagination-lg祝辞李:胎比;跨度{   border-top-right-radius: 6 px;   border-bottom-right-radius: 6 px;   }      .pagination-sm祝辞李比;一个,   .pagination-sm祝辞李比;跨度{   填充:5 px 10 px;   字体大小:12 px;   }      .pagination-sm祝辞李:第一个孩子比;一个,   .pagination-sm祝辞李:第一个孩子比;跨度{   border-bottom-left-radius: 3 px;   border-top-left-radius: 3 px;   }      .pagination-sm祝辞李:胎比;一个,   .pagination-sm祝辞李:胎比;跨度{   border-top-right-radius: 3 px;   border-bottom-right-radius: 3 px;   }      .pager {   padding-left: 0;   保证金:20 px 0;   text-align:中心;   list-style:没有;   }      .pager:之前,   .pager:{后   显示:表;   内容:““;   }      .pager:{后   明确:;   }      null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null

ASP。净MVC4使用PagedList.Mvc实现分页功能的方法是什么