`
西蜀石兰
  • 浏览: 116825 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

DataTable API阅读记录------Data

 
阅读更多
dataTable API阅读记录------Data
原文:https://www.datatables.net/manual/data 个人水平有限,仅供参考,



关于处理数据,dataTable有三个核心概念:处理模式、数据类型、数据来源
一、处理模式(排序、查询等)
1.客户端处理或者服务器处理,官网提供的参考建议是数据少于10000条搁客户端,多于10万条搁服务器端,介于两者之间,自己根据项目特性选择;两种处理模式是无法共存的,也不能动态切换。
2.客户端处理模式是默认模式,该模式不需要额外的代码,所有的数据操作都是DataTable自己完成的
3.服务器端处理模式适用于处理百万级别的数据,所有对数据的操作将在服务器端进行,否则前台javascript处理需要很大的开销,如此会降低你的应用体验。

二、数据类型
表格主体部分的数据必须是数组(当使用DOM数据时自动创建),支持三种类型的javascript数据:Arrays-[]、Objects-{}、Instances-new MyClass(),默认为Arrarys,后两着当处理复杂数据时很有用。
Arrarys
Arrarys很适合用于datatable,数组中的每个对象映射表中的每一行,同时每个对象的每一个参数依次对应表的每一列,所以对于6列的表,你的每一个对象必须要有6个数据。
        example:



Objects
对象的好处是把每一行的数据作为一个对象,这样做的好处是你不需要像Arrarys一样记忆每个对象中元素对应的列,在写代码时也更为方便。需要补充的是,你做了多少个映射,表格便会显示多少列。
example:



        Instance
它和前两者的区别是传递的参数可以是方法,dataTable会识别这个方法,并将方法执行完的返回值作为数据在表中展示。



三、数据来源
定义完了处理模式和数据类型,我们现在可以思考数据来源了,DataTable有三种基本的数据来源:
-DOM
-JavaScript
-Ajax sourced data

DOM
当DataTable运行时,它会自动检测所选表是否有数据,会将表内以后的数据作为自己的数据来源,这是最简单的使用方法——使用常规HTML表格(说白了是为表格提供DataTable样式),需要补充的是,这里的数据类型是Arrarys。

Javascript
你也可以用表单中的数据来构建你的DataTable,数据来源于任何Javascript能获得的区域。这种方式对于使用扩展的DataTables API非常有用,尤其是你在使用row().add()和row().remove()时,同时可以动态增删数据。

Ajax
Ajax来源数据很大程度上类似Javascript,区别在于它会使用Ajax call获得数据。该方法的好处在于可以从逻辑上分开数据,(提供按页面单独请求,而不是一次请求完全部数据),你可以把属性值拼凑成一个String,加上URL提交给请求,通过ajax选项来控制。
该来源支持arrarys和objects,但不支持instances
Server-side processing 是一种特殊的Ajax数据来源,每一页的数据只有在被使用者需要时才会被Ajax请求检索出来,这让服务器上的数据库引擎得以用于批量的数据处理。



  • 大小: 37.3 KB
  • 大小: 72.4 KB
  • 大小: 61.9 KB
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics