zoukankan      html  css  js  c++  java
  • .net core 分页控件X.PagedList.Mvc.Core

    nuget中在线安装X.PagedList.Mvc.Core

    后端使用时引入 using X.PagedList;

    异步返回 return View(await assetInfo.ToPagedListAsync(pageNumber, pageSize));//pageNumber:页数;pageSize:页面显示条数

    前端分页页面需引入:

    @model IPagedList<your Model>

    @using X.PagedList.Mvc.Core; @*import this so we get our HTML Helper*@

    @using X.PagedList; @*import this so we can cast our list to IPagedList (only necessary because ViewBag is dynamic)*@
    @using X.PagedList.Mvc.Core.Fluent
    @using X.PagedList.Web.Common

    底部分页效果

     底部分页代码

    @if (Model != null)
    {
    <span>本页 @Model.Count 条记录,当前第 @Model.PageNumber 页,共 @Model.PageCount 页,共 @Model.TotalItemCount 条记录。</span>
    }
    @*下述的action中type,value是为了实现get查询而做*@
    @Html.PagedListPager(Model, page => Url.Action("AssetIndex", new { page, type = ViewBag.type, value = ViewBag.input_query, }))

    如果导航效果不行,那最好到github获取x.pagedlist.mvc.core,然后将其中的css文件引用到页面就OK。

  • 相关阅读:
    jQuery的$.extend
    es5中的严格模式理解(‘use strict’)
    微信小程序制作下拉列表
    微信小程序之路由
    微信小程序自定义弹窗
    微信小程序小总结
    npm link的使用
    vue 全局变量的处理方式
    大屏项目屏幕分辨率适配
    git flow的使用
  • 原文地址:https://www.cnblogs.com/chengcanghai/p/13870580.html
Copyright © 2011-2022 走看看