ASP .NET MVC中进行分页的方式有多种，在NuGet上有提供使用页面列表、页面列表。手动音量调节进行分页。

在安装引用页面列表。手动音量调节的同时会安装引用页面列表。

复制代码代码如下：@Html .页面列表页面(页面列表.IPagedListSampleInfo)视图包。模型，页面=Url .操作('索引，新{页面，关键字=请求['关键字'],日期=请求['日期'],日期最大值=请求['日期最大值'] })

搜索触发事件：

输入类型=' text ' id=' datemin ' class=' input-text Wdate ' style=' width :60 px；'值='@Request['datemin']'输入类型=' text ' id=' datemax ' class=' input-text Wdate ' style=' width :60 px；'值='@Request['datemax']'输入类型=' text ' class=' input-text ' style=' width :250 px ' placeholder='输入关键词id='关键字' name=' value=' @ Request['关键字']'按钮类型=' submit ' class=' BTN BTN-success ' id=' name=' onclick=' search()' I class=' icon-search '/I搜索/按钮脚本函数search() { var url='？type=1 '；if($(' #关键字')。val()！='') { url='关键字=' $(' #关键字')。val()；} if($(“# datemin”).val()！='') { url='datemin=' $('#datemin ').val()；} if ($('#datemax ').val()！='') { url='datemax=' $('#datemax ').val()；}窗口。位置。href='/Admin/SampleInfo/Index '网址；}/脚本后台方法：

IQueryableSampleInfo模型=db .SampleInfoBLL。GetAllEntities().其中(d=d . IsDel==false)；if(！字符串IsNullOrEmpty(请求['关键字]){字符串关键字=请求['关键字'];模型=模型。其中(网址_中文.包含(关键字));}if(！字符串IsNullOrEmpty(请求[' datemin ']){ int datemin=Convert .ToInt32(请求['日期']);模型=模型。其中(d=转换.到两倍(d . Lon _ Degree)=datemin；}if(！字符串IsNullOrEmpty(请求[' datemax ']){ int datemax=Convert .ToInt32(请求['最大日期'])；模型=模型。其中(d=转换.到两倍(d . Lat _ Degree)=最大日期)；} int page=1；如果(请求['page']！=空){页面=转换.ToInt32(请求['页面']);}ViewBag .模型数量=模型count()；视图包。模型=模型OrderBy(d=d.SampleInfoID).ToPagedList(第10页);分页控件样式：分页{ display : inline-block；左填充： 0;边距： 20px 0；边界半径： 4px}.分页li { display: inline}。分页，阿利。分页li span {相对位置：向左浮动：padding: 6px 12px左边距：-1px；线高1.428571429;文本装饰：无；背景-color : # ffffff；border: 1px固体# dddddd}。分页李：-第一个子a .分页左侧：第一个子跨度{左边距-: 0；边框-底部-左侧-半径： 4px边框-左上角-半径： 4px}.分页li:last最后一个孩子a .分页李：最后一个孩子跨度{边框-右上角-半径： 4px边框-底部-右侧-半径： 4px}.页码li a:hover .页码李斯潘：悬停.分页li a:focus，分页Li span : focus {底色： # eeee}.分页。主动a .分页。活动跨度，分页。活动的悬停，a :分页。活动span:hover悬停悬停，分页。活动a:focus，分页。活动span : focus { z-index : 2；color: # ffffffcursor:默认值；背景色： # 428 BCA；边框颜色： # 428 BCA；}.分页。禁用跨度，分页。禁用a .分页。禁用悬停，a :分页。已禁用a:focus { color: # 999999不允许光标：背景-color : # ffffff；边框颜色： # dddddd}.分页lg阿利。分页-LG Li span { padd : 10px 16px；font-size : 18px}.分页-LG Li :第一个孩子a .分页-LG李：第一个子span {边框-底部-左侧-半径： 6px边框-左上角-半径： 6px}.分页-LG Li : last-儿童a .分页-LG李：末子跨度{边框-右上角-半径： 6px边框-底部-右侧-半径： 6px}.分页sm阿利。分页-sm Li span { padd : 5px 10px；font-size : 12px}.分页-sm李：第一个子a .分页-sm李：第一个子span {边框-底部-左侧-半径： 3px边框-左上角-半径： 3px}.分页-sm Li :最后一个孩子a .分页-sm Li :最后一个子跨度{边框-右上角-半径： 3px边框-底部-右侧-半径： 3px}.寻呼机{左填充： 0；边距： 20px 0；文本对齐：中心；列表样式：无；} .第：页之前。{显示：表格后的第：页；内容： " "；} .第：页在{ clear:两者之后；} .第：页之前。{显示：表格后的第：页；内容： " "；} .第：页在{ clear:两者之后；}.寻呼机li { display: inline}。寻呼机，阿利。寻呼机Li span { display : inline-block；padding: 5px 14px背景-color : # ffffff；border: 1px固体# ddddborder-radius : 15px；}.呼叫器li a:hover .寻呼机阿利：焦点{文饰：无；背景色： # eeee}.寻呼机。下一个a .寻呼机。下一个跨度{右侧浮动：}.寻呼机。上一个a .寻呼机。前一跨度{左侧浮动：}.寻呼机。禁用a .寻呼机。禁用悬停，a :寻呼机。禁用a:focus，寻呼机。禁用span { color: # 999999不允许光标：背景-color : # ffffff；}.分页-容器{ text-align :居中；}分页样式效果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。