表格的排序、过滤与分页_.NET_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > .NET > 表格的排序、过滤与分页

表格的排序、过滤与分页

 2017/10/29 12:11:28  庄家小彬  程序员俱乐部  我要评论(0)
  • 摘要:今天跟着学习了一篇关于表格的排序、过滤与分页功能的博客,下边分享一下学到的知识与心得:一、应用之前样式,增加测试数据对Views——Account——Index.cshtml进行如下修改:(1)应用布局页_LayoutAdmin.cshtml@{ViewBag.Title="Index";Layout="~/Views/Shared/_LayoutAdmin.cshtml";}(2)将Index.cshtml中的HTML部分中的body之外的内容全部删掉,只留下正文内容,运行这个页面,效果如图
  • 标签:表格

     今天跟着学习了一篇关于表格的排序、过滤与分页功能的博客,下边分享一下学到的知识与心得:

一、应用之前样式,增加测试数据

对Views —— Account —— Index.cshtml进行如下修改:

(1)应用布局页 _LayoutAdmin.cshtml

@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
}

(2)将Index.cshtml 中的 HTML部分中的 body之外的内容全部删掉,只留下正文内容,运行这个页面,效果如图:

(3)对布局页样式进行修改,改变标题,效果如图所示:

(4)通过Create New 新建两条测试数据,为后面分页做准备,后面每3条分一页。

二、标题添加链接排序功能

(1)打开 Controllers ——AccountController.cs, 修改Index方法

(2)打开 ViewsàAccountàIndex.cshtml, 替换标题内容。

@Html.ActionLink("UserName", "Index", new { sortOrder = ViewBag.NameSortParm })

排序功能效果图如图所示:

(原图)

(排序后)

三、增加名字搜索功能

(1)修改Index方法,增加条件筛选功能

添加了一个 searchString 的参数,并且添加了一个where字句用来过滤名字。

(2)再去Views——Account——Index.cshtml 中添加一个text box用来传递这个过滤值。

运行之后效果图如图所示:

 

四、增加分页功能(使用PagedList.MVC)

(1)安装PagedList.MVC:

打开Package Manager Console,确保Package source是nuget.org, 输入

install-package PagedList.mvc

(2)首先先在AccountController.cs中先添加声明:using PagedList;

(3)修改Index方法,增加highlight部分

(4)在View中增加分页的显示和功能链接运行之后效果图如图所示:

总结:

1.这节学习的是关于表格的一些功能,理论都弄明白了,现在需要做的就是仔细的去读代码,了解哪个功能用的是哪些代码

2.需要再细心些,一直在犯一些低级错误

加油!

发表评论
用户名: 匿名