Datatables 是我个人非常喜欢的一个表格插件,这里介绍服务器模式的一些基本用法:
首先了解datatables服务器模式的API:http://datatables.club/manual/server-side.html
为了方便我截了个图:
前端JS的写法
基本结构如下(我简化了大部分的内容)
function init(){
$('#table').DataTable(
{
"dom": "ltip",
"serverSide": true,//开启服务器模式
"processing": true,
"ajax": {
"url": "/ControllerName/FunctionName",
"type": "POST",
"data": {"param": "参数"}
},
"columns":
[
{ "data": "ZoneName", "title": "列1" },
{ "data": "BuildingName", "title": "列2" },
{ "data": "GateName", "title": "列3" }
],
"pageLength": 25//每页多少行
}
服务器的写法
例子:参数的获取的
public JsonResult Get_Data_ByTotal(string param, int draw, int start, int length)
{
//首先是参数的获取
string order_col = Request.Form["order[0][column]"].ToString();//排序的列序号
string order_way = Request.Form["order[0][dir]"].ToString();//排序的方式asc desc
string col_name = Request.Form[$"columns[{order_col}][data]"].ToString();//排序的列名称
}
例子:排序
排序非常简单,纯SQL的只需要把上面的参数代入:Order BY col_name order_way 即可。
所以这里想介绍的是Linq的写法,因为我们获取的是字符串因此我们需要引用一个NuGet包
using Linq.Dynamic;
这样就支持字符串写法了:
var res = context.Table.OrderBy(col_name + " " + order_way).ToList();
//或更直观的例子:
var lst = context.Table.OrderBy("Name asc,Id desc").ToList();