[英]Datatable for server side processing with paging, filtering and search
我需要對asp.net(C#)網站使用jquery數據表服務器端處理( http://datatables.net )。
我的網站有成千上萬的記錄以列表形式顯示在表中。 我在服務器端使用jquery datatable啟用分頁,過濾和搜索。
對於與asp.net(C#)一起使用的jquery數據表服務器端處理,是否有任何好的參考資料/文章?
發送到控制器的參數和需要返回的值在此處http://datatables.net/manual/server-side的文檔中定義
使用如下簽名設置您的.net端點:
public JsonResult GetResultDtData(
int draw,
int start,
int length,
Dictionary<string, string> search,
List<Dictionary<string,string>> order,
List<Dictionary<string, string>> )
然后,您可以使用這些參數來確定需要發送回哪些數據。 可以使用Skip()和Take()完成分頁
IEnumerable theDataToReturn = GetMyDataFromDB();
DataTablesReturnData dtReturn = new DataTablesReturnData()
{
draw = draw,
recordsTotal = theDataToReturn.Count,
recordsFiltered = theDataToReturn.Count,
data = getData().Skip(start).Take(length).ToList()
};
return dtReturn;
過濾和排序比較復雜,但是所需的所有信息都存儲在初始參數(搜索,排序和列)中。
我將在ASP.NET MVC中引用本文jQuery Datatable服務器端分頁和排序
設置jQuery Datables的jQuery代碼
<script>
$(document).ready(function () {
$("#myTable").DataTable({
"processing": true, // for show progress bar
"serverSide": true, // for process server side
"filter": false, // this is for disable filter (search box)
"orderMulti": false, // for disable multiple column at once
"ajax": {
"url": "/home/LoadData",
"type": "POST",
"datatype": "json"
},
"columns": [
{ "data": "ContactName", "name": "ContactName", "autoWidth": true },
{ "data": "CompanyName", "name": "CompanyName", "autoWidth": true },
{ "data": "Phone", "name": "Phone", "autoWidth": true },
{ "data": "Country", "name": "Country", "autoWidth": true },
{ "data": "City", "name": "City", "autoWidth": true },
{ "data": "PostalCode", "name": "PostalCode", "autoWidth": true }
]
});
});
</script>
ASP.NET C#代碼(MVC)
[HttpPost]
public ActionResult LoadData()
{
var draw = Request.Form.GetValues("draw").FirstOrDefault();
var start = Request.Form.GetValues("start").FirstOrDefault();
var length = Request.Form.GetValues("length").FirstOrDefault();
//Find Order Column
var sortColumn = Request.Form.GetValues("columns[" + Request.Form.GetValues("order[0][column]").FirstOrDefault() + "][name]").FirstOrDefault();
var sortColumnDir = Request.Form.GetValues("order[0][dir]").FirstOrDefault();
int pageSize = length != null? Convert.ToInt32(length) : 0;
int skip = start != null ? Convert.ToInt32(start) : 0;
int recordsTotal = 0;
using (MyDatatableEntities dc = new MyDatatableEntities())
{
var v = (from a in dc.Customers select a);
//SORT
if (!(string.IsNullOrEmpty(sortColumn) && string.IsNullOrEmpty(sortColumnDir)))
{
v = v.OrderBy(sortColumn + " " + sortColumnDir);
}
recordsTotal = v.Count();
var data = v.Skip(skip).Take(pageSize).ToList();
return Json(new { draw = draw, recordsFiltered = recordsTotal, recordsTotal = recordsTotal, data = data }, JsonRequestBehavior.AllowGet);
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.