读书人

应用 jQuery dataTables 四种数据来源

发布时间: 2012-08-24 10:00:20 作者: rapoo

使用 jQuery dataTables 四种数据来源

四种数据来源

对于 dataTables 来说,支持四种表格数据来源。

最为基本的就是来源于网页,网页被浏览器解析为 DOM 对象,在 dataTables 中称为? DOM 来源。

第三种数据来源是 AJAX,也就是说可以向服务器发一个请求来获得数据。

在初始化参数对象中,通过 sAjaxSource 的属性传递请求的地址,bProcessing 表示是否需要显示一个工作中的提示。

在 JSON 方式返回的数据中,需要一个名为 aaData 的属性来提供实际的数据。

stringsEcho?DataTables 用来生成的信息

这篇文章介绍了在 C# 中结合 LINQ 使用 DataTables 进行服务端处理的经验 jQuery DataTables Plugin Meets C#

服务器应该返回如下的 JSON 格式数据

类型名称说明intiTotalRecords实际的行数intiTotalDisplayRecords过滤之后,实际的行数。stringsEcho来自客户端 sEcho 的没有变化的复制品,stringsColumns可选,以逗号分隔的列名,    array array mixedaaData数组的数组,表格中的实际数据。    

服务器返回的数据示例如下:

{????"sEcho": 3,????"iTotalRecords": 57,????"iTotalDisplayRecords": 57,????"aaData": [????????[????????????"Gecko",????????????"Firefox 1.0",????????????"Win 98+ / OSX.2+",????????????"1.7",????????????"A"????????],????????[????????????"Gecko",????????????"Firefox 1.5",????????????"Win 98+ / OSX.2+",????????????"1.8",????????????"A"????????],????????...????] }

读书人网 >Web前端

热点推荐