ASP. net mvc 4 uses PagedList. Mvc paging implementation code, mvcpagedlist. mvc

ASP. net mvc 4 uses PagedList. Mvc paging implementation code, mvcpagedlist. mvc

There are multiple paging methods in ASP. net mvc. On NuGet, PagedList and PagedList. Mvc are provided for paging.

When PagedList. Mvc is referenced, PagedList is installed and referenced.

Copy codeThe Code is as follows:
@ Html. pagedListPager (PagedList. IPagedList <SampleInfo>) ViewBag. models, page => Url. action ("Index", new {page, keyword = Request ["keyword"], datemin = Request ["datemin"], datemax = Request ["datemax"]})

Search trigger event:

<Input type = "text" id = "datemin" class = "input-text Wdate" style = "width: 60px; "value =" @ Request ["datemin"] "> <input type =" text "id =" datemax "class =" input-text Wdate "style =" width: 60px; "value =" @ Request ["datemax"] "> <input type =" text "class =" input-text "style =" width: 250px "placeholder =" input keyword "id =" keyword "name =" "value =" @ Request ["keyword"] "> <button type =" submit "class =" btn btn-success "id =" "name =" "onclick =" search () "> <I class =" icon-search "> </I> search </button>

 <script> function search() {  var url = "?type=1";  if ($("#keyword").val() != "") {   url += "&keyword=" + $("#keyword").val();  }  if ($("#datemin").val() != "") {   url += "&datemin=" + $("#datemin").val();  }  if ($("#datemax").val() != "") {   url += "&datemax=" + $("#datemax").val();  }  window.location.href = "/Admin/SampleInfo/Index"+url; } </script>

Background method:

IQueryable<SampleInfo> models = db.SampleInfoBLL.GetAllEntities().Where(d => d.IsDel == false);if (!String.IsNullOrEmpty(Request["keyword"])){string keyword = Request["keyword"];models = models.Where(d => d.Site_Chinese.Contains(keyword));}if (!String.IsNullOrEmpty(Request["datemin"])){int datemin = Convert.ToInt32(Request["datemin"]);models = models.Where(d => Convert.ToDouble(d.Lon_Degree) >= datemin);}if (!String.IsNullOrEmpty(Request["datemax"])){int datemax = Convert.ToInt32(Request["datemax"]);models = models.Where(d => Convert.ToDouble(d.Lat_Degree) <= datemax);}int page = 1;if (Request["page"] != null){page = Convert.ToInt32(Request["page"]);}ViewBag.ModelsCount = models.Count();ViewBag.Models = models.OrderBy(d => d.SampleInfoID).ToPagedList(page, 10);

Pagination control style:

.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px;}.pagination > li { display: inline;}.pagination > li > a,.pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd;}.pagination > li:first-child > a,.pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px;}.pagination > li:last-child > a,.pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px;}.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus { background-color: #eeeeee;}.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #428bca; border-color: #428bca;}.pagination > .disabled > span,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd;}.pagination-lg > li > a,.pagination-lg > li > span { padding: 10px 16px; font-size: 18px;}.pagination-lg > li:first-child > a,.pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px;}.pagination-lg > li:last-child > a,.pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px;}.pagination-sm > li > a,.pagination-sm > li > span { padding: 5px 10px; font-size: 12px;}.pagination-sm > li:first-child > a,.pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px;}.pagination-sm > li:last-child > a,.pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px;}.pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none;}.pager:before,.pager:after { display: table; content: " ";}.pager:after { clear: both;}.pager:before,.pager:after { display: table; content: " ";}.pager:after { clear: both;}.pager li { display: inline;}.pager li > a,.pager li > span { display: inline-block; padding: 5px 14px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 15px;}.pager li > a:hover,.pager li > a:focus { text-decoration: none; background-color: #eeeeee;}.pager .next > a,.pager .next > span { float: right;}.pager .previous > a,.pager .previous > span { float: left;}.pager .disabled > a,.pager .disabled > a:hover,.pager .disabled > a:focus,.pager .disabled > span { color: #999999; cursor: not-allowed; background-color: #ffffff;}.pagination-container { text-align: center;}

Paging style effect:

The above is all the content of this article. I hope it will be helpful for your learning and support for helping customers.