1.dataTables 日期查询

  1. var row_content = []; //暂存表格的行内容
  2. var rows=[]; //暂存表格行索引
  3.  
  4. /*
    *将日期缓存添加,清除上一次日期搜索的缓存
    */

  if(row_content.length>0){      
    table.rows.add(row_content).draw();
    row_content=[];
    rows=[];
  }

  /*第六列按日期排序*/
  table.column(5).data().each(function (value, index) {
    var date = new Date(value.substring(0,10));    //获得每列的日期
    if(date<beginHour||date>endHour){        //日期与开始日期和结束日期比较
    row_content.push(table.rows().data()[index]);   //不合适的日期数据加入缓存
    table.rows().nodes().to$().eq(index).addClass("del_row"); //不合适的添加标记
    rows.push(index);
  }

});
  table.rows('.del_row').remove().draw();  //清除不合适的日期

  核心思想:先用table.column().data()取出对应列的信息进行遍历;

       遍历时转化为date对象进行比较,不符合的分别记录index和值;

       遍历完成用 table.rows().remove()移除,进行重绘,

       再次查询时 使用table.rows.add()添加并重绘。

2.对搜索后的结果进行统计

  1. table1.on('draw.dt',function (e,setting) {
  2.  
  3. //获取查询结果显示的行 的数组
  4. var tableTr = setting.aiDisplay;
  5.  
  6. //获取3,4,6列的数据
  7. var column2 = table1.column().data();
  8. var column3 = table1.column().data();
  9. var column5 = table1.column().data();
  10.  
  11. var total_show = ,total_click=,total_profit=;
  12.  
  13. //计算总数 (先检测是否有数据)
  14. if($(".table1 .dataTables_empty").length ==){
  15. for(var i=,len=tableTr.length;i<len;i++){
  16. total_show += column2[tableTr[i]] ;
  17. total_click += column3[tableTr[i]] ;
  18. total_profit += column5[tableTr[i]] ;
  19. }
  20. }
  21. $('.total_show').html(total_show);
  22. $('.total_click').html(total_click);
  23. $('.total_profit').html(total_profit);
  24.  
  25. });

2.改变语言

  1. (document).ready(function() {
  2. $('#example').dataTable( {
  3. "oLanguage": {
  4. "sLengthMenu": "每页显示 _MENU_ 条记录",
  5. "sZeroRecords": "抱歉, 没有找到",
  6. "sInfo": "从 _START_ 到 _END_ /共 _TOTAL_ 条数据",
  7. "sInfoEmpty": "没有数据",
  8. "sInfoFiltered": "(从 _MAX_ 条数据中检索)",
  9. "oPaginate": {
  10. "sFirst": "首页",
  11. "sPrevious": "前一页",
  12. "sNext": "后一页",
  13. "sLast": "尾页"
  14. },
  15. "sZeroRecords": "没有检索到数据",
  16. "sProcessing": "<img src='./loading.gif' />"
  17. }
  18. } );
  19. } );

3.自定义各种属性

  1. ----------也可以自己定义各属性:
  2. <script type="text/javascript" language="javascript">
  3. $(document).ready(function() {
  4. $("#example").dataTable({
  5. // "bPaginate": true, //开关,是否显示分页器
  6. // "bInfo": true, //开关,是否显示表格的一些信息
  7. // "bFilter": true, //开关,是否启用客户端过滤器
  8. // "sDom": "<>lfrtip<>",
  9. // "bAutoWith": false,
  10. // "bDeferRender": false,
  11. // "bJQueryUI": false, //开关,是否启用JQueryUI风格
  12. // "bLengthChange": true, //开关,是否显示每页大小的下拉框
  13. // "bProcessing": true,
  14. // "bScrollInfinite": false,
  15. // "sScrollY": "800px", //是否开启垂直滚动,以及指定滚动区域大小,可设值:'disabled','2000px'
  16. // "bSort": true, //开关,是否启用各列具有按列排序的功能
  17. // "bSortClasses": true,
  18. // "bStateSave": false, //开关,是否打开客户端状态记录功能。这个数据是记录在cookies中的,打开了这个记录后,即使刷新一次页面,或重新打开浏览器,之前的状态都是保存下来的- ------当值为true时aoColumnDefs不能隐藏列
  19. // "sScrollX": "50%", //是否开启水平滚动,以及指定滚动区域大小,可设值:'disabled','2000%'
  20. // "aaSorting": [[0, "asc"]],
  21. // "aoColumnDefs": [{ "bVisible": false, "aTargets": [0]}]//隐藏列
  22. // "sDom": '<"H"if>t<"F"if>',
  23. "bAutoWidth": false, //自适应宽度
  24. "aaSorting": [[, "asc"]],
  25. "sPaginationType": "full_numbers",
  26.  
  27. });
  28. });
  29. </script>

4.定义每页显示数量

  1. $(document).ready(function() {
  2. $('#example').dataTable( {
  3. "aLengthMenu": [[, , , -], [, , , "All"]]
  4. } );
  5. } );

5.禁用某列

  1. $('#data-list').dataTable({
  2. columnDefs:[{
  3. orderable:false,//禁用排序
  4. targets:[,] //指定的列
  5. }]
  6. });

dataTables 使用小细节的更多相关文章

  1. Oracle Sales Cloud:管理沙盒(定制化)小细节2——使用对象触发器更新数字字段

    在上一篇 "管理沙盒(定制化)小细节1" 的随笔中,我们使用公式法在 "业务机会" 对象(单头)上建立了 "利润合计" 字段,并将它等于 & ...

  2. Oracle Sales Cloud:管理沙盒(定制化)小细节1——利用公式创建字段并显示在前端页面

    Oracle Sales Cloud(Oracle 销售云)是一套基于Oracle云端的CRM管理系统.由于 Oracle 销售云是基于 Oracle 云环境的,它与传统的管理系统相比,显著特点之一便 ...

  3. Oracle Sales Cloud:报告和分析(BIEE)小细节2——利用变量和过滤器传参(例如,根据提示展示不同部门的数据)

    在上一篇随笔中,我们建立了部门和子部门的双提示,并将部门和子部门做了关联.那么,本篇随笔我们重点介绍利用建好的双提示进行传参. 在操作之前,我们来看一个报告和分析的具体需求: [1] 两个有关联的提示 ...

  4. Oracle Sales Cloud:报告和分析(BIEE)小细节1——创建双提示并建立关联(例如,部门和子部门提示)

    Oracle Sales Cloud(Oracle 销售云)是一套基于Oracle云端的客户商机管理系统,通过提供丰富的功能来帮助提高销售效率,更好地去了解客户,发现和追踪商机,为最终的销售成交 (d ...

  5. php课程---Json格式规范需要注意的小细节

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式. 易于人阅读和编写.同时也易于机器解析和生成. 它基于JavaScript Programming Lan ...

  6. ASP.NET MVC 自定义路由中几个需要注意的小细节

    本文主要记录在ASP.NET MVC自定义路由时,一个需要注意的参数设置小细节. 举例来说,就是在访问 http://localhost/Home/About/arg1/arg2/arg3 这样的自定 ...

  7. [小细节,大BUG]记录一些小问题引起的大BUG(长期更新....)

    [小细节,大BUG] 6.问题描述:当从Plist文件加载数据,放入到tableView中展示时,有时有数据,有时又没有数据.这是为什么呢?相信很多大牛都想到了:我们一般将加载的数据,转换成模型,放入 ...

  8. C++在使用Qt中SLOT宏须要注意的一个小细节

    大家都知道C++虚函数的机制,对于基类定义为虚函数的地方,子类假设覆写,在基类指针或者引用来指向子类的时候会实现动态绑定. 但假设指针去调用非虚函数,这个时候会调用C++的静态绑定,去推断当前的指针是 ...

  9. SQL小细节

    平时有些小细节,不留意的话很容易得到错误的答案,我们来看下下面的代码,看看你是否能答对呢? ) ,) SELECT @str = '中国CH',@info='MyTest' SELECT [字符串]= ...

随机推荐

  1. HDU3466 Proud Merchants[背包DP 条件限制]

    Proud Merchants Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 131072/65536 K (Java/Others) ...

  2. 3D游戏常用技巧Normal Mapping (法线贴图)原理解析——基础篇

    http://www.cnblogs.com/wangchengfeng/p/3470310.html

  3. ognl

    一:什么是值栈 1:ValueStack:值栈.其本身的数据结构是一个栈,使用者可以把一些对象存入栈中.然后使用动态的表达式来读取bean的属性.由于值栈中可能有多个对象 值栈会按照对象出栈的顺序依次 ...

  4. Matlab && C-Mex Round 1

    前言:本篇文章主要通过一个简单的例子程序对C-Mex进行一个初步的说明.前期的环境搭建(包括安装Matlab和gcc编译器)就不在这里赘述了. 在看文章之前,建议初学者先检查一下Matlab的mex配 ...

  5. image的加载事件(onload)和加载状态(complete)

    之前做过这样一个需求,要让商家页的商家图片按照图片外面box的大小等比例缩放.之前的想法是在页面中先输出图片的src,然后在页面底部初始化js,然后在js中写相应的可以使图片按照box的大小等比例缩放 ...

  6. FPGA与simulink联合实时环路系列—开篇

    FPGA与simulink联合实时环路系列—开篇 作为网络上第一个开源此技术,笔者迫不及待地想将此技术分享出来,希望大家多多支持.笔者从2011年接触FPGA以来,从各个方面使用FPGA,无论是控制. ...

  7. jquery-leonaScroll-1.2-自定义滚动条插件

    leonaScroll-1.2.js 下载链接地址:http://share.weiyun.com/bb531dd6b1916c0023c176897182dc15 (密码:iZck)[内含压缩版] ...

  8. 【JavaScript】操作Canvas画图

    1.页面添加 Canvas 标签 标签内可以写文字,浏览器不支持Canvas的情况下显示, 2.js获取 Canvas 标签 3.利用js函数画图,[线][图][文字] 源:http://www.li ...

  9. VMware安装Centos7,已将该虚拟机配置为使用64为,却无法执行64位操作

    在新建虚拟机之后,相信很多人都遇到了这个问题,这个问题的本质就是电脑是否支持虚拟化,虽然不是很清楚这是什么 解决方案就是,重启电脑(这边的电脑不是虚拟机而是主机),进入BIOS界面(不同电脑进入BIO ...

  10. LCA最近公共祖先 ST+RMQ在线算法

    对于一类题目,是一棵树或者森林,有多次查询,求2点间的距离,可以用LCA来解决.     这一类的问题有2中解决方法.第一种就是tarjan的离线算法,还有一中是基于ST算法的在线算法.复杂度都是O( ...