ASP.Net MVC+Data Table实现分页+排序功能的方法
更新时间：2017年06月14日 10:14:14 作者：_iorilan
这篇文章主要介绍了ASP.Net MVC+Data Table实现分页+排序功能的方法,结合实例形式分析了asp.net基于mvc架构实现的数据查询、排序、分页显示等相关操作技巧,需要的朋友可以参考下
本文实例讲述了ASP.Net MVC+Data Table实现分页+排序功能的方法。分享给大家供大家参考，具体如下：
实现思路：
使用datatable内置的分页，排序
使用attribute+反射来控制需要排序和显示的字段以及顺序
分离排序和显示逻辑
若要添加搜索逻辑只需要传递搜索的字段到后端即可(js初始化时把”searching”: false拿掉)。
View :
@using BCMS.BusinessLogic
@using BCMS.BusinessLogic.Models
@model List<BusCaptainObj>
<table id=”tblData” class=”table table-striped”>
<thead>
<tr class=”data-list”>
<th style=”width:10%;”>@Html.DisplayNameFor(model => model.First().PersNo)</th>
<th style=”width:30%;”>@Html.DisplayNameFor(model => model.First().Personnel_Name)</th>
<th style=”width:20%;”>@Html.DisplayNameFor(model => model.First().Position)</th>
<th style=”width:20%;”>@Html.DisplayNameFor(model => model.First().Interchange)</th>
<th style=”width:20%;”>Action</th>
</tr>
</thead>
</table>
@section scripts {
<script type=”text/javascript”>
@{
var columns = DataTableHelper.DisplayColumns<BusCaptainObj>();
}
$(document).ready(function () {
$(‘#tblData’).dataTable({
“processing”: true,
“serverSide”: true,
“searching”: false,
“stateSave”: true,
“oLanguage”: { “sInfoFiltered”: “” },
“ajax”: {
“url”: @Url.Action(“GetJsonData”),
“type”: “GET”
},
“columns”: [
{ “data”: “@columns[0]” },
{ “data”: “@columns[1]” },
{ “data”: “@columns[2]” },
{ “data”: “@columns[3]” },
{
“data”: “@columns[0]”,
“orderable”: false,
“searchable”: false,
“render”: function (data, type, full, meta) {
if (type === ‘display’) {
return GetDetailButton(“/BusCaptain/Detail?bcId=”, data) + GetInfoButton(“/Telematics?bcId=”, data, “Performance”);
} else { return data; }
}
}
],
“order”: [[0, “asc”]]
});
});
</script>
}
Controller :
public ActionResult GetJsonData(int draw, int start, int length)
{
string search = Request.QueryString[DataTableQueryString.Searching];
string sortColumn = “”;
string sortDirection = “asc”;
if (Request.QueryString[DataTableQueryString.OrderingColumn] != null)
{
sortColumn = GetSortColumn(Request.QueryString[DataTableQueryString.OrderingColumn]);
}
if (Request.QueryString[DataTableQueryString.OrderingDir] != null)
{
sortDirection = Request.QueryString[DataTableQueryString.OrderingDir];
}
DataTableData dataTableData = new DataTableData();
dataTableData.draw = draw;
int recordsFiltered = 0;
dataTableData.data = BusCaptainService.Instance.SearchMyBuscaptains(User.Identity.Name, out recordsFiltered, start, length, sortColumn, sortDirection, search).Data;
dataTableData.recordsFiltered = recordsFiltered;
return Json(dataTableData, JsonRequestBehavior.AllowGet);
}
public string GetSortColumn(string sortColumnNo)
{
var name = DataTableHelper.SoringColumnName<BusCaptainObj>(sortColumnNo);
return name;
}
public class DataTableData
{
public int draw { get; set; }
public int recordsFiltered { get; set; }
public List<BusCaptainObj> data { get; set; }
}
Model :
class XXX{
…
[DisplayColumn(0)]
[SortingColumn(0)]
public int? A { get; set; }
[DisplayColumn(1)]
[SortingColumn(1)]
public string B { get; set; }
…
}
Helper class :
public class SortingColumnAttribute : Attribute
{
public int Index { get; }
public SortingColumnAttribute(int index)
{
Index = index;
}
}
public class DisplayColumnAttribute : Attribute
{
public int Index { get; }
public DisplayColumnAttribute(int index)
{
Index = index;
}
}
public static class DataTableQueryString
{
public static string OrderingColumn = “order[0][column]”;
public static string OrderingDir = “order[0][dir]”;
public static string Searching = “search[value]”;
}
public static class DataTableHelper
{
public static IList<string> DisplayColumns<T>()
{
var result = new Dictionary<int, string>();
var props = typeof(T).GetProperties();
foreach (var propertyInfo in props)
{
var propAttr =
propertyInfo
.GetCustomAttributes(false)
.OfType<DisplayColumnAttribute>()
.FirstOrDefault();
if (propAttr != null)
{
result.Add(propAttr.Index,propertyInfo.Name);
}
}
return result.OrderBy(x => x.Key).Select(x => x.Value).ToList();
}
public static string SoringColumnName<T>(string columnIndex)
{
int index;
if (!int.TryParse(columnIndex, out index))
{
throw new ArgumentOutOfRangeException();
}
return SoringColumnName<T>(index);
}
public static string SoringColumnName<T>(int index)
{
var props = typeof(T).GetProperties();
foreach (var propertyInfo in props)
{
var propAttr =
propertyInfo
.GetCustomAttributes(false)
.OfType<SortingColumnAttribute>()
.FirstOrDefault();
if (propAttr != null && propAttr.Index == index)
{
return propertyInfo.Name;
}
}
return “”;
}
}
Query：
…
var query = context.BusCaptains
.Where(x => …)
.OrderByEx(sortDirection, sortField)
.Skip(start)
.Take(pageSize);
…
LINQ Helper :
…
public static IQueryable<T> OrderByEx<T>(this IQueryable<T> q, string direction, string fieldName)
{
try
{
var customProperty = typeof(T).GetCustomAttributes(false).OfType<ColumnAttribute>().FirstOrDefault();
if (customProperty != null)
{
fieldName = customProperty.Name;
}
var param = Expression.Parameter(typeof(T), “p”);
var prop = Expression.Property(param, fieldName);
var exp = Expression.Lambda(prop, param);
string method = direction.ToLower() == “asc” ? “OrderBy” : “OrderByDescending”;
Type[] types = new Type[] {q.ElementType, exp.Body.Type};
var mce = Expression.Call(typeof(Queryable), method, types, q.Expression, exp);
return q.Provider.CreateQuery<T>(mce);
}
catch (Exception ex)
{
_log.ErrorFormat(“error form OrderByEx.”);
_log.Error(ex);
throw ;
}
}
…
更多关于asp.net相关内容感兴趣的读者可查看本站专题：《asp.net优化技巧总结》、《asp.net字符串操作技巧汇总》、《asp.net操作XML技巧总结》、《asp.net文件操作技巧汇总》、《asp.net ajax技巧总结专题》及《asp.net缓存操作技巧总结》。
希望本文所述对大家asp.net程序设计有所帮助。
您可能感兴趣的文章:Asp.Net MVC 分页、检索、排序整体实现代码ASP.NET MVC分页和排序功能实现ASP.NET MVC 5使用X.PagedList.Mvc进行分页教程(PagedList.Mvc)ASP.NET MVC4 HtmlHelper扩展类，实现分页功能ASP.NET MVC4 Razor模板简易分页效果ASP.NET同步分页MvcPager使用详解asp.net MVC分页代码分享ASP.NET MVC分页的实现方法ASP.NET MVC分页控件
ASP.Net
MVC
分页
排序
相关文章
ASP.NET页面缓存常见的4种方式这篇文章主要为大家详细介绍了ASP.NET页面缓存常见的4种方式,具有一定的参考价值，感兴趣的小伙伴们可以参考一下 2016-11-11
很实用的NLog配置分享这篇文章主要给大家分享介绍了关于NLog配置的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧 2019-07-07
asp.net 取消缓存相关问题说明asp.net 取消缓存相关问题说明，需要的朋友可以参考下。 2009-11-11
ASP.NET中控件的EnableViewState属性及彻底禁用如果我们在开发Web应用程序时，某些控件是不需要接受用户的操作或只需要接受一次操作的时候，我们可以将这些控件的EnableViewState属性改为false，这样可以优化我们的程序，提高网络访问的速度。 2016-06-06
在ASP.NET Core中实现一个Token base的身份认证实例以前在web端的身份认证都是基于Cookie | Session的身份认证，本篇文章主要介绍了在ASP.NET Core中实现一个Token base的身份认证实例，有兴趣的可以了解一下。
2016-12-12
.Net 2.0 原汁原味读取注册表.Net 2.0 原汁原味读取注册表… 2006-09-09
用扩展方法优化多条件查询(不定条件查询)在我们开发过程中，特别是管理系统的开发，经常会遇到多条件查询(或者叫不定条件查询)的案例，就是提供给User输入的查询条件有多个不同的查询栏位，而且，在实际使用中并不能确定User会使用哪些条件来当做搜索条件 2012-12-12
实现Asp.net mvc上传头像加剪裁功能这篇文章主要介绍了实现Asp.net mvc上传头像加剪裁功能,需要的朋友可以参考下 2015-08-08
Asp.Net中Cache操作类实例详解这篇文章主要介绍了Asp.Net中Cache操作类实例,需要的朋友可以参考下 2014-07-07
ASP.NET中Application全局对象用法实例浅析这篇文章主要介绍了ASP.NET中Application全局对象用法,较为详细的分析了ASP.NET中Application全局对象的功能、定义及使用中的相关注意事项,需要的朋友可以参考下 2015-06-06
最新评论
评论(0)