MVC 4 中的 Jquery DataTables（表/网格）服务器端处理

【问题标题】：Jquery DataTables (table/grid) server-side processing in MVC 4MVC 4 中的 Jquery DataTables（表/网格）服务器端处理
【发布时间】：2014-01-13 12:41:18
【问题描述】：

我正在使用 Twitter Bootstrap 和 Jquery DataTable 来显示记录。我需要像这个链接一样的 MVC 示例。

http://datatables.net/examples/data_sources/server_side.html

请帮帮我。

【问题讨论】：

你想达到什么目的？具体要求是什么？
我想在 HTML 表中加载记录并想应用 jquery 数据表。我已经尝试在客户端加载所有记录，但是当我们有大量记录时，它并不好。
我建议你最好通过设置服务器 url 使用 json/xml/html 从服务器加载数据到数据表
请提供您已经尝试过的代码或指向特定问题的 FIDDLE。你问的范围很广。
我试过了，我有超过 1 条 lacs 记录要显示。当 Jquery 数据表的 js 填充记录时，我的浏览器屏幕进入无响应模式，一段时间后它将加载所有数据。

标签： jquery asp.net-mvc-4 twitter-bootstrap jquery-datatables

【解决方案1】：

这是为您准备的示例代码。

您的查看代码

$(document).ready(function() {
    $('#example').dataTable( {
        "bProcessing": true,
        "bServerSide": true,
        "sAjaxSource": "/Employee/List/"
    } );
} );

在员工控制器中返回 JSON formatted employee list

public ActionResult List()
{

   List<Employee> empList=//load from repository;  
   return Json(empList);

}

【讨论】：

在这行代码中，List empList=//load from repository;如果我愿意，我必须加载所有记录吗？
搜索框搜索时如何处理？
@Chints，是的。这取决于您如何设计。您需要从数据库中获取记录列表
@Chints，它会再次点击相同的操作方法。请检查请求参数值，如排序信息、搜索文本和过滤列表并从操作方法返回结果。
我会试试这个。实施后见。