MVC+EF中分页代码的实现（补充）

最新推荐文章于 2020-06-08 11:41:22 发布

AriaWang

最新推荐文章于 2020-06-08 11:41:22 发布

阅读量237

点赞数

分类专栏： MVC 文章标签： mvc c#

本文链接：https://blog.csdn.net/AriaWXY/article/details/105846042

版权

MVC 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

完善有选择每一页显示多少行数据和自己输入想去的页码直接跳转的功能

MVC+EF中分页代码的实现的原文见：https://blog.csdn.net/AriaWXY/article/details/105845180

添加一些视图代码既可：

<div style="height:30px;line-height:30px; padding-bottom:20px;">
    <div style="float:left">
        <span style="float:left">每页显示&nbsp;</span>
        <select id="pagesize" name="pagesize" class="dropdown dropdown-header" style="float:left">
            @for (int i = 2; i <= 40; i = i + 2)	//此处可以自定义你所需要固定每一页显示多少条数据
            {
                if (i == pageSize)
                {
                    <option selected="selected" value="@i">@i</option>
                }
                else
                {
                    <option value="@i">@i</option>
                }
            }
        </select>
        <span>&nbsp;条数据</span>
    </div>
    <div style="float:right">
        <span style="float:left">到第&nbsp;</span>
        <input type="text" id="pageIndex" value="@pageIndex" style="width:40px;height:25px"/>
        <span>&nbsp;页</span>
    </div>
</div>
    @section scripts{	//使用模板页的在添加js脚本代码时需要在@section scripts{}内编写js脚本代码
    <script src="~/Scripts/jquery-3.4.1.min.js"></script>	//引入一个包用于编写后面的js脚本代码
    <script>
        $("#pagesize").change(function () {	//改变所触发的事件
            window.location.href = "?pagesize=" + $("#pagesize").val() + "&pageindex=1";
        })
        $("#pageIndex").change(function () {
            window.location.href = "?pagesize=" + $("#pagesize").val() + "&pageindex=" + $("#pageIndex").val();
        })
    </script>
}