Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。
- 分页,即时搜索和排序
- 几乎支持任何数据源:DOM, javascript, Ajax 和 服务器处理
- 支持不同主题 DataTables, jQuery UI, Bootstrap, Foundation
- 各式各样的扩展: Editor, TableTools, FixedColumns ……
- 丰富多样的option和强大的API
- 支持国际化 首先我先贴一下datablejs控件的属性,解决这个问题的一些思路。
- 第一个属性,为我当时设置datablejs自带的记录保存当前分页,排序等数据的cookie定义方式,但是有一个问题,就是如API所写,就是当我们刷新页面的时候,这些信息还是要记录的,这就出现一个问题,就是当用户从树形在此进入的时候,就很尴尬了,中间如何测试的过程就不一一赘述,最后转变了下思路,就是当我们每一此从树形进入时,将他cookie保存时间设置为一个最小值,即来不及给用户展示的时候,就让他过期,但是当他进行修改,删除的时候,则保留一个较长的过期时间。具体代码如下
- //根据页面传入的参数,进行判定,这一次加载数据是否清空cookie
- var cookieTime = GetQueryString("cookie");
- if (cookieTime == 1) {
- cookieTime = 1;
- } else {
- cookieTime = 600;
- }
- $('#tbl_uom').dataTable({
- "bStateSave": true,
- "bFilter": true,
- "iCookieDuration": cookieTime,//在我们进行加载时,进行cookie保存时间 的赋值。
- "bProcessing": true,.....