`
西蜀石兰
  • 浏览: 119011 次
  • 性别: 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
分享到:
评论

相关推荐

    Laravel开发-data-table

    在Laravel框架中,"data-table"通常指的是用于构建数据驱动的表格视图的工具,它可以帮助开发者快速、高效地实现动态数据展示、搜索、排序和导出功能。本项目可能是一个基于Laravel的data table组件,名为"data-...

    将DataTable转化为JSON

    `DataTable`是`System.Data`命名空间的一部分,通常用于WinForms、ASP.NET等应用程序中。 ##### 2.2 JSON简介 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器...

    azure-datatable-tools

    同时,你可能需要熟悉Azure Data Table Service的基本概念和服务API,以及TypeScript的基本语法和特性。如果你是TypeScript和Azure的初学者,这个工具将是一个很好的学习和实践平台,因为它结合了两者的核心优势,...

    ado.net中的datatable代码

    3. **创建DataRows**:接下来,你可以添加DataRow到DataTable中,表示表中的行记录。使用`DataTable.NewRow()`创建一个新的行,然后使用`DataTable.Rows.Add()`添加到表中: ```csharp DataRow dataRow = dataTable....

    DataTable插件

    例如,每页显示10条记录: ```javascript $('#example').DataTable({ pageLength: 10 }); ``` 5. **扩展功能** DataTables有许多扩展,如Buttons(按钮操作)、Responsive(响应式布局)、FixedHeader(固定...

    spring data jpa 案例

    - **spring-data-jpa-datatables**:可能涉及到使用Spring Data JPA与前端DataTable库集成,进行数据展示和分页。 - **spring-data-jpa-demo**:一个完整的Spring Data JPA演示应用,涵盖了多种使用场景。 4. **...

    jquery datatable 单元格合并

    它基于jQuery库,可以通过简单的配置和API来创建高度交互的表格。要启用单元格合并,我们需要利用其自定义的回调函数和DOM操作。 1. **初始化Datatable**: 首先,我们需要在HTML中创建一个表格,并在JavaScript中...

    Java 实现 ADO.NET DataTable

    在Java中,没有直接对应的类可以完全等同于ADO.NET的DataTable,但我们可以使用Java的数据结构和API来实现类似的功能。下面将详细介绍如何在Java中构建一个类似的数据表对象。 1. **Java集合框架**: Java提供了...

    JQuery DataTable 插件 V2.0

    - **分页**:自动分页,用户可以配置每页显示的记录数。 - **扩展性**:丰富的插件系统,如Buttons、Responsive、FixedHeader等,可实现导出、打印、响应式布局等功能。 - **自定义**:通过自定义列、事件处理和回调...

    jquery-Data tables

    1. 分页:DataTables支持动态分页,用户可以轻松地在大量数据中导航,同时支持自定义每页显示的记录数。 2. 排序:表格列可以根据用户选择的顺序进行升序或降序排列,提供了多列排序的能力。 3. 搜索:内置快速搜索...

    无刷新DataTable(分页、排序、得到行信息)

    这将创建一个DataTable,从`/api/data`获取数据,并显示`name`、`age`和`location`三列。 9. 自定义功能扩展: DataTables提供丰富的API和回调函数,可以根据需求定制功能,如添加确认删除的对话框、自定义分页...

    DataTable 导出Excel

    `DataTable` 是.NET Framework中用于存储和操作数据的一个类,它位于 `System.Data` 命名空间下。`DataTable` 提供了类似关系数据库表的结构,可以用来存储行集合(即数据记录)。每个 `DataTable` 包含零个或多个列...

    WinForm-分页显示-SQlite.rar

    在.NET Framework环境中,WinForm是一种常用的桌面应用程序开发框架,它提供了丰富的控件和API供开发者构建用户界面。在这个项目中,“WinForm-分页显示-SQLite.rar”显然是一个使用WinForm来展示SQLite数据库数据的...

    System.Data.SQLite

    9. **异步操作**:`System.Data.SQLite` 支持异步 API,如 `BeginTransactionAsync`、`ExecuteReaderAsync` 等,可以在不阻塞 UI 线程的情况下执行数据库操作。 10. **SQLite Native Library**:压缩包中的 `System...

    mysql-connector-net-8.0.11.msi

    3. **异步操作**:8.0.11版本引入了异步API,这意味着开发者可以利用异步编程模型,如`async/await`关键字,来提高应用的响应性和并发性能。 4. **安全性**:MySQL Connector/Net支持SSL连接,确保数据传输的安全性...

    22-08-09-062_JsonTable(基本设置Jquery DataTables)

    "ajax": "/api/data", // 后端API接口 "columns": [ // 列定义 { "data": "column1" }, { "data": "column2" }, // ... ] }); }); ``` 在上述代码中,`$(document).ready()`函数确保在页面加载完成后...

    ASP.NET开发实战宝典源代码(1~13章)

    - ADO.NET基础,包括DataSet、DataTable和DataAdapter - Entity Framework,ORM(对象关系映射)的概念和使用 - LINQ to SQL和LINQ to Entities的查询语法 7. **第七章:验证和安全性** - 表单身份验证和...

    jquery dataTable 后台加载数据并分页实例代码

    响应应包含 `draw`, `recordsTotal`, `recordsFiltered` 和 `data` 字段,分别表示绘制次数、总记录数、经过过滤后的记录数和实际数据数组。 例如,一个简单的 Java Spring MVC 示例可能会如下所示: ```java @...

    jQuery使用DataTable实现删除数据后重新加载功能

    在使用jQuery和DataTable插件构建数据表格时,有时我们需要实现动态数据管理,比如删除记录后刷新表格显示。这里的问题在于,当你直接通过Ajax删除数据并尝试重新加载表格时,DataTable并不会自动更新,而是将新数据...

Global site tag (gtag.js) - Google Analytics