完善有选择每一页显示多少行数据和自己输入想去的页码直接跳转的功能
MVC+EF中分页代码的实现的原文见:https://blog.youkuaiyun.com/AriaWXY/article/details/105845180
添加一些视图代码既可:
<div style="height:30px;line-height:30px; padding-bottom:20px;">
<div style="float:left">
<span style="float:left">每页显示 </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> 条数据</span>
</div>
<div style="float:right">
<span style="float:left">到第 </span>
<input type="text" id="pageIndex" value="@pageIndex" style="width:40px;height:25px"/>
<span> 页</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>
}