MVC Pager 使用
MVC Pager 4.0+ 3.0版本使用 ,直接来点使用的。一看就明白
@Ajax.Pager(Model,pagerOptions,mvcAjaxOptions);
@using Webdiyer.WebControls.Mvc;
@model PagedList<UserInfoJson>
@{
PagerOptions pagerOptions = new PagerOptions()
{
PageIndexParameterName = "CurPage",
ContainerTagName = "ul",
CssClass = "pagination",
CurrentPagerItemTemplate = "<li class=\"active\"><a href=\"#\">{0}</a></li>",
DisabledPagerItemTemplate = "<li class=\"disabled\"><a>{0}</a></li>",
PagerItemTemplate = "<li>{0}</li>"
};
MvcAjaxOptions mvcAjaxOptions = new MvcAjaxOptions()
{
LoadingElementDuration = 300,
LoadingElementId = "loaddingdiv",
HttpMethod = "Post",
InsertionMode = InsertionMode.Replace,
UpdateTargetId = "update"
};
}
@{Html.RegisterMvcPagerScriptResource();}
需要注意的是不要忘记注册:
@section scripts
{
@{Html.RegisterMvcPagerScriptResource();}
}
如果你使用上面的不行,就试试这个: @{Html.RegisterMvcPagerScriptResource();}
CurPage 是后台接收参数的 变量名称 必须对应
页面需要引用
@using Webdiyer.WebControls.Mvc;
@model PagedList<UserInfoJson>
注意初始化:@{Html.RegisterMvcPagerScriptResource();}
后台:Action
var model = new PagedList<UserInfoJson>(r_listobj, dataHelper.CurPage, dataHelper.PageSize, listCount);
return View(model);
listCount:数据的总数量
r_listobj:数据列表对象
CurPage:当前要访问的页
PageSize:一页多少个 html
<div class="container-fluid">
@*@Ajax.Pager(Model, pagerOptions, mvcAjaxOptions);*@
<div class="row">
<div class="col-xs-8">
@Ajax.Pager(Model, pagerOptions, mvcAjaxOptions);
</div>
<div class="col-xs-4">
<div class="input-group" style="margin:20px 0">
<span class="input-group-addon">共 @ViewBag.Count 条数据</span>
<span class="input-group-addon">转到第</span>
<input type="text" id="pageIndexBox2" class="form-control input-sm" />
<span class="input-group-addon">页</span>
<span class="input-group-btn"><button class="btn btn-primary btn-sm" id="goToBtn2">跳转</button></span>
</div>
</div>
</div>
</div> 注意:如果你的异步 分页 没有异步刷新 部分视图的话。 那就是你的 分页控件放错位置了。或者 没有注册 脚本。
如果对你有帮助 就赞一下吧。如果有问题 请留言
MVC Pager 使用的更多相关文章
- MVC Pager使用
View中加入引用:@using Webdiyer.WebControls.Mvc; 使用时代码: <div id="Pagination"> @Html.Pager( ...
- 转 ---- Asp.net mvc项目分页功能
1.定义一个分页用的Page<T>类 1 /* 使用示例: 2 var pager = new Pager<Article>( 3 this.ControllerContext ...
- Asp.net mvc项目分页功能
1.定义一个分页用的Page<T>类 /* 使用示例: var pager = new Pager<Article>( this.ControllerContext, //上下 ...
- Lind.DDD.Paging分页模块介绍
回到目录 分页组件网上有很多,MVC.Pager,JSPager等,通过实现方式大体分为前端分页和后端分页,前端分页是前台对list内存本地集合进行分页,缺点就是在大数据情况下,内存占用过高:后端分页 ...
- MVC如何使用开源分页插件shenniu.pager.js
最近比较忙,前期忙公司手机端接口项目,各种开发+调试+发布现在几乎上线无问题了:虽然公司项目忙不过在期间抽空做了两件个人觉得有意义的事情,一者使用aspnetcore开发了个人线上项目(要说线上其实只 ...
- 自己写的一个Pager分页组件,WebForm,Mvc都适用
我一说写这个功能的时候,好多人估计有疑问.分页功能网上多的是,搜一个不就行了,你这样不是浪费时间么.你说这句话的时候,我是比较信的,首先自己写一些东西是很耗时,有这些时间又能多打几盘LOL了.但是我觉 ...
- asp.net mvc 自定义pager封装与优化
asp.net mvc 自定义pager封装与优化 Intro 之前做了一个通用的分页组件,但是有些不足,从翻页事件和分页样式都融合在后台代码中,到翻页事件可以自定义,再到翻页和样式都和代码分离, 自 ...
- asp.net mvc 简易通用自定义Pager实现分页
asp.net mvc 自定义Pager实现分页 Intro 一个WEB应用程序中经常会用到数据分页,本文将实现一个简单通用的分页组件,包含一个 PagerModel (用来保存页码信息),一个 Ht ...
- asp.net mvc 的几种分页Pager
第一种 /// <summary> /// 分页Pager显示 /// </summary> /// <param name="html">&l ...
随机推荐
- MFC 设置控件事件对应的函数
在项目中,右击你想设置的控件,打开属性. 然后找到:控件事件,如果在Visual Studio 2015中操作,显示如图: 然后,以设定单击事件为例: 点击右边的三角,选择 <Edit Code ...
- css初始化样例代码
/* css reset www.admin10000.com */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fields ...
- HTML入门第一天
http:超文本标记语言,主要用途是开发网页,使用http展现文字图片 视频 声音 表格 链接……是web网站开发的基础 www(万维网/因特网):world wide web w3c是制定web标准 ...
- putty ssh连接老断
有两种方法来解决:一. 配置客户端 1 在 linux下的ssh命令:vim /etc/ssh/ssh_config 然后找到里面的ServerAliveInterval 参数,如果没有你同样自己加一 ...
- python 代码片段23
#coding=utf-8 #python还支持动态的实力属性,即那些没有在类定义里生命的属性, #可以"凭空"创造出来 john.tatto='Mom' #继承 class Em ...
- URAL 1658. Sum of Digits(DP)
题目链接 隔了一年零三个月,重新刷URAL,这题挺麻烦的输出路径.输出路径挺扯的,乱写了写乱改改就A了...我本来想用很靠谱,记录每一条路径的,然后输出最小的,结果Tle,然后我使劲水水又过了一组,发 ...
- Android -- 简单的图片浏览器
1. 效果图
- 地理数据库的类型geodatabase类型
地理数据库的类型geodatabase类型 地理数据库是用于保存数据集集合的“容器”.有以下三种类型: 文件地理数据库 - 在文件系统中以文件夹形式存储.每个数据集都以文件形式保存,该文件大小最多可扩 ...
- ArcGIS Engine中的数据访问
ArcGIS Engine中的数据访问 数据是GIS的基础, 访问数据也是进行任何复杂的空间分析及空间可视化表达的前提.ArcGIS支持的数据格式比较丰富,对不同的数据格式支持的程度也有很大差异.本文 ...
- c# winform 全角自动转化半角问题(C#中ImeMode的值):转载
调用 this.ImeMode = ImeMode.OnHalf; ImeMode 枚举:指定一个值,该值是用来确定在选定了对象时该对象的输入法编辑器 (IME) 的状态. 以下是微软的解释: 成员名 ...