快速学习---分页查询

最新推荐文章于 2024-01-26 10:00:01 发布

浅碎&无殇

最新推荐文章于 2024-01-26 10:00:01 发布

阅读量269

点赞数

文章标签： c#

本文链接：https://blog.csdn.net/Ljy2567742540/article/details/106576280

版权

分页查询

怎么进行分页查询？？？
不懂可以看看

分页查询控制器代码

public ActionResult Index(int pageIndex=1,int pageSize=10,string name="")
        {
            //获取总记录数
            var totalRows = db.Roles.Count();
            //计算总页数
            var totalPages = Math.Ceiling(totalRows * 1.00 / pageSize);
            ViewBag.totalPages = totalPages;

            var roles = db.Roles.Where(p=>p.Name.Contains(name))
                .OrderBy(p=>p.ID)  //排序
                .Skip((pageIndex-1) * pageSize)    //跳过
                .Take(pageSize)   //取
                .ToList();
            ViewBag.pageIndex = pageIndex; //将当前页又返回前台
            ViewBag.name = name;  //将查询条件返回，将查询条件固定，防止当你要根据名字查询    //是，点击下一页或其他功能，又重新刷新，没有根据名称查询
            ViewBag.pageSize = pageSize;
            //一页显示几条数据，固定下拉框中的值并判断选择当前选择的一页查询条数
            return View(roles);
        }

定义每页显示多少，总共有多少页

        <select id="pageSize" onchange="page(1);">
            @{
                var listPageSize = new List<int> { 5, 10, 20, 50, 100 };
            }
            @foreach (var item in listPageSize)
            {
                if (@ViewBag.pageSize == @item) /
                /判断当前页是否等于下拉框的值，等于则选中selected="selected" 固定该值
                {
                    <option value="@item" selected="selected">@item</option>
                }
                else
                {
                    <option value="@item">@item</option>
                }
            }
        </select>
        条
    </li>
</ul>
<ul class="pagination">
    <li class="page-item ">
        <a class="page-link" href="javascript:page(1);" tabindex="-1" aria-disabled="true">首页</a>
    </li>
       //上页当前页＋1  当小于第一页是 禁用disabled
    @if (@ViewBag.pageIndex > 1)
    {
 
        <li class="page-item"><a class="page-link" href="javascript:page(@ViewBag.pageIndex-1);">上页</a></li>
    }
    else
    {
        <li class="page-item disabled"><a class="page-link" href="javascript:page(@ViewBag.pageIndex-1);">上页</a></li>
    }


    <li class="page-item " aria-current="page">
        <span class="page-link"> @ViewBag.pageIndex</span>
    </li>
   //下页当前页-1  当大于最大页是 禁用disabled
    @if (@ViewBag.pageIndex < @ViewBag.totalPages)
    {
        <li class="page-item " aria-current="page">
            <a class="page-link" href="javascript:page(@ViewBag.pageIndex+1);">下页 </a>
        </li>
    }
    else
    {
        <li class="page-item disabled" aria-current="page">
            <a class="page-link" href="javascript:page(@ViewBag.pageIndex+1);">下页 </a>
        </li>
    }
 //末页跳到最大页 @ViewBag.totalPages
    <li class="page-item">
        <a class="page-link" href="javascript:page(@ViewBag.totalPages);">末页</a>
    </li>
    <li class="page-item">
        <input type="button" class="page-link" value="GO" onclick="go()" />
    </li>
</ul>

最后是js代码

@section scripts{

    <script>
        function page(pageIndex) {
            var name = $("#txtCondName").val(); //获取搜索框的值
            var pageSize = $("#pageSize").val(); //获取下拉框的值

            window.location.href = "/role/index?pageindex=" + pageIndex
                + "&pageSize=" + pageSize + "&name=" + name;

        }

        function go() {
            //获取输入的页码的值
            var pageIndex = $("#pageIndex").val();
            page(pageIndex);

        }


    </script>

}