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

dataTables后台分页功能的实现

 
阅读更多
表格数据量如果很大,超过5000行的话,建议使用后台分页功能。
关于这个功能的一些参数:
开关:表格初始化时的选项,字段为serverSide,true表示使用后台分页功能
请求:使用ajax自定义的方法时,data字段增加了下面三个属性
1.start:开始
2.lenght:需要数据长度,即多少行
3.draw:标记字段
以上三个字段,start和length其实对应的是sql语句limit之后的两个参数
响应:要求4个参数,分别是:
1.data,填充表格的数据,为数组
2.draw,请求时的标记字段
3.recordsTotal,表格总长度,从设计角度来说,这个参数必须是可以随时改变的,因为表格只允许一次初始化,若表格中数据总数变化,需要能够及时作出调整
4.recordsFiltered,表格总长度,没细看参数说明。

需要注意的是,对于后台返回空时,需要将表格长度置为0,否则表格下面的分页按钮不会变化,延续上次结果。
分享到:
评论

相关推荐

    bootstrap3+datatables+servlet+sqlite3后台分页增删改查DEMO

    Bootstrap3、Datatables、Servlet和SQLite3是这个项目的核心技术栈,它们共同构建了一个功能完善的后台数据管理示例。下面将分别对这些技术及其在该项目中的应用进行详细解释。 Bootstrap3是一个流行的前端框架,由...

    mybatisPlus-dataTables:dataTables-mybatisPlus 后台分页、排序、搜索(未完成)

    dataTables-mybatisPlus 后台分页、排序、搜索 软件架构 软件架构说明 安装教程 xxxx xxxx xxxx 使用说明 xxxx xxxx xxxx 参与贡献 Fork 本项目 新建 Feat_xxx 分支 提交代码 新建 Pull Request 码云特技 使用 ...

    servlet,实现方法 后台分页

    本文将深入探讨如何利用Servlet实现后台分页功能,这在大数据量的Web应用中尤为重要,可以提高用户界面的响应速度和用户体验。 首先,我们需要了解分页的基本概念。分页是将大量数据分割成较小、易管理的部分,每次...

    datatables1.10+springMVC分页

    datatables1.10向上兼容。日常情况下使用前端插件进行分页,通过后端解析datatables请求来的参数进行request参数解析(demo中对...此demo对datatables1.10前端调用后台分页、排序等进行解析。并生成返回数据传向前台。

    jquery datatables 插件 后台代码

    jQuery DataTables 是一款功能强大的JavaScript库,用于将HTML表格转换为高度交互、可排序、可搜索且具有分页功能的数据展示平台。它支持Ajax数据源,能轻松地与后端服务器进行数据交互,实现动态加载和实时更新。在...

    datatables

    - **分页**:Datatables可以自动处理大量数据,通过分页功能将数据分块显示,提高页面加载速度。 - **数据加载**:支持服务器端处理和客户端处理两种模式,可根据数据量选择合适的加载方式。 - **自定义列**:...

    DataTables自行封装请求参数和返回数据的零耦合服务端分页示例(PHP&JAVA)

    使用方法: 支持JAVA和PHP两种后台。...分页栏增加跳页功能(直接修改了dataTables.bootstrap.js和dataTables.bootstrap.css) CSS实现单元格超长文字省略号显示 CSS实现单元格连续纯字母数字强制换行显示

    dataTables java后台解析http请求参数demo

    DataTable是一款功能强大的jQuery插件,常用于实现动态、可排序、可搜索的数据表格。而J2EE(Java 2 Platform, Enterprise Edition)是一个企业级的Java开发框架,用于构建服务器端应用。 首先,我们需要理解...

    jQuery+datatables插件实现ajax加载数据与增删改查功能示例

    1. jQuery+datatables插件实现:这是指使用jQuery结合datatables插件来实现特定的网页表格功能,例如数据的动态加载、分页、排序等。 2. ajax加载数据:涉及通过ajax技术从服务器端动态获取数据,并在网页上实时...

    SSM+Mybatis+datatables+H-ui后台管理系统

    SSM+Mybatis+datatables+H-ui后台管理系统是一个典型的Java Web项目,它结合了Spring、Spring MVC、Mybatis和H-ui等多个技术组件,旨在构建一个功能完善的后台管理平台。这个系统非常适合Java初学者用来学习后端分页...

    Jquery dataTable后台获取数据示例

    1. **分页**: DataTables 提供了内置的分页功能,只需设置`pageLength`参数即可指定每页显示的数据量。用户还可以通过导航按钮在不同页面间切换。 2. **排序**: DataTables 支持对表格中的任何列进行排序。默认情况...

    datatables Editor-NET-1.6.5

    "editor做增删改查一流"暗示了Editor是DataTables的一个功能强大的扩展,它提供了基本的数据操作功能,包括添加(Add)、删除(Delete)、修改(Edit)和查询(Query)数据,非常适合用于后台数据管理界面。...

    Laravel开发-datatables

    最后,测试你的datatables功能,确保数据正确显示并能正常进行排序、搜索和分页。根据需求进行调整,优化性能和用户体验。 综上所述,Laravel 4结合datatables插件,能让你轻松实现复杂的数据展示和管理,同时提供...

    struts2+hibernate+Spring后台表格分页

    在这个“Struts2+Hibernate+Spring后台表格分页”项目中,我们将深入探讨如何整合这三个框架实现数据的动态展示和分页。 1. **Struts2框架**:Struts2作为MVC(模型-视图-控制器)架构的实现,主要负责处理用户的...

    Jquery dataTable完整例子下载(取数据、分页、样式等)

    `DataTables` 的分页功能允许用户轻松浏览大量数据。默认情况下,它提供第一、上一页、下一页和最后一页的导航按钮,并根据每页显示的行数自动调整。`pageLength`选项可设置每页显示的行数,而`lengthChange`选项则...

    Javascript DataTables 表格控件

    JavaScript DataTables 是一款高度可定制...总之,JavaScript DataTables 提供了一套完整的解决方案,用于在网页上创建功能强大且易用的数据展示表格,无论是在后台处理还是前端展示,都能满足开发者高效、灵活的需求。

    DataTables自行封装请求参数和返回数据的零耦合服务端分页示例

    使用DataTable默认的ajax交互功能,对传给后台和从后台获取的数据都有命名格式要求,这样一来耦合度较高,不利于后期扩展,不能...分页栏增加跳页功能(直接修改了dataTables.bootstrap.js和dataTables.bootstrap.css)

    jquery datatables实例

    在这个"jquery datatables前后台数据交互分页实例"中,我们将探讨如何在实际项目中运用jQuery DataTables与后台进行数据交互,实现动态分页。 首先,我们需要在HTML页面中引入jQuery DataTables库。通常,这包括...

    DataTables-1.8.0

    同时,利用提供的 API 和事件,你可以响应用户的操作,实现与后台的数据交互。 总之,DataTables-1.8.0 是一个强大且易用的表格插件,它为 web 开发者提供了高效的数据管理工具,使数据展示和交互变得更加直观和...

Global site tag (gtag.js) - Google Analytics