dataTables 使用小细节
1.dataTables 日期查询
- var row_content = []; //暂存表格的行内容
- var rows=[]; //暂存表格行索引
- /*
*将日期缓存添加,清除上一次日期搜索的缓存
*/
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.对搜索后的结果进行统计
- table1.on('draw.dt',function (e,setting) {
- //获取查询结果显示的行 的数组
- var tableTr = setting.aiDisplay;
- //获取3,4,6列的数据
- var column2 = table1.column().data();
- var column3 = table1.column().data();
- var column5 = table1.column().data();
- var total_show = ,total_click=,total_profit=;
- //计算总数 (先检测是否有数据)
- if($(".table1 .dataTables_empty").length ==){
- for(var i=,len=tableTr.length;i<len;i++){
- total_show += column2[tableTr[i]] ;
- total_click += column3[tableTr[i]] ;
- total_profit += column5[tableTr[i]] ;
- }
- }
- $('.total_show').html(total_show);
- $('.total_click').html(total_click);
- $('.total_profit').html(total_profit);
- });
2.改变语言
- (document).ready(function() {
- $('#example').dataTable( {
- "oLanguage": {
- "sLengthMenu": "每页显示 _MENU_ 条记录",
- "sZeroRecords": "抱歉, 没有找到",
- "sInfo": "从 _START_ 到 _END_ /共 _TOTAL_ 条数据",
- "sInfoEmpty": "没有数据",
- "sInfoFiltered": "(从 _MAX_ 条数据中检索)",
- "oPaginate": {
- "sFirst": "首页",
- "sPrevious": "前一页",
- "sNext": "后一页",
- "sLast": "尾页"
- },
- "sZeroRecords": "没有检索到数据",
- "sProcessing": "<img src='./loading.gif' />"
- }
- } );
- } );
3.自定义各种属性
- ----------也可以自己定义各属性:
- <script type="text/javascript" language="javascript">
- $(document).ready(function() {
- $("#example").dataTable({
- // "bPaginate": true, //开关,是否显示分页器
- // "bInfo": true, //开关,是否显示表格的一些信息
- // "bFilter": true, //开关,是否启用客户端过滤器
- // "sDom": "<>lfrtip<>",
- // "bAutoWith": false,
- // "bDeferRender": false,
- // "bJQueryUI": false, //开关,是否启用JQueryUI风格
- // "bLengthChange": true, //开关,是否显示每页大小的下拉框
- // "bProcessing": true,
- // "bScrollInfinite": false,
- // "sScrollY": "800px", //是否开启垂直滚动,以及指定滚动区域大小,可设值:'disabled','2000px'
- // "bSort": true, //开关,是否启用各列具有按列排序的功能
- // "bSortClasses": true,
- // "bStateSave": false, //开关,是否打开客户端状态记录功能。这个数据是记录在cookies中的,打开了这个记录后,即使刷新一次页面,或重新打开浏览器,之前的状态都是保存下来的- ------当值为true时aoColumnDefs不能隐藏列
- // "sScrollX": "50%", //是否开启水平滚动,以及指定滚动区域大小,可设值:'disabled','2000%'
- // "aaSorting": [[0, "asc"]],
- // "aoColumnDefs": [{ "bVisible": false, "aTargets": [0]}]//隐藏列
- // "sDom": '<"H"if>t<"F"if>',
- "bAutoWidth": false, //自适应宽度
- "aaSorting": [[, "asc"]],
- "sPaginationType": "full_numbers",
- });
- });
- </script>
4.定义每页显示数量
- $(document).ready(function() {
- $('#example').dataTable( {
- "aLengthMenu": [[, , , -], [, , , "All"]]
- } );
- } );
5.禁用某列
- $('#data-list').dataTable({
- columnDefs:[{
- orderable:false,//禁用排序
- targets:[,] //指定的列
- }]
- });
dataTables 使用小细节的更多相关文章
- Oracle Sales Cloud:管理沙盒(定制化)小细节2——使用对象触发器更新数字字段
在上一篇 "管理沙盒(定制化)小细节1" 的随笔中,我们使用公式法在 "业务机会" 对象(单头)上建立了 "利润合计" 字段,并将它等于 & ...
- Oracle Sales Cloud:管理沙盒(定制化)小细节1——利用公式创建字段并显示在前端页面
Oracle Sales Cloud(Oracle 销售云)是一套基于Oracle云端的CRM管理系统.由于 Oracle 销售云是基于 Oracle 云环境的,它与传统的管理系统相比,显著特点之一便 ...
- Oracle Sales Cloud:报告和分析(BIEE)小细节2——利用变量和过滤器传参(例如,根据提示展示不同部门的数据)
在上一篇随笔中,我们建立了部门和子部门的双提示,并将部门和子部门做了关联.那么,本篇随笔我们重点介绍利用建好的双提示进行传参. 在操作之前,我们来看一个报告和分析的具体需求: [1] 两个有关联的提示 ...
- Oracle Sales Cloud:报告和分析(BIEE)小细节1——创建双提示并建立关联(例如,部门和子部门提示)
Oracle Sales Cloud(Oracle 销售云)是一套基于Oracle云端的客户商机管理系统,通过提供丰富的功能来帮助提高销售效率,更好地去了解客户,发现和追踪商机,为最终的销售成交 (d ...
- php课程---Json格式规范需要注意的小细节
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式. 易于人阅读和编写.同时也易于机器解析和生成. 它基于JavaScript Programming Lan ...
- ASP.NET MVC 自定义路由中几个需要注意的小细节
本文主要记录在ASP.NET MVC自定义路由时,一个需要注意的参数设置小细节. 举例来说,就是在访问 http://localhost/Home/About/arg1/arg2/arg3 这样的自定 ...
- [小细节,大BUG]记录一些小问题引起的大BUG(长期更新....)
[小细节,大BUG] 6.问题描述:当从Plist文件加载数据,放入到tableView中展示时,有时有数据,有时又没有数据.这是为什么呢?相信很多大牛都想到了:我们一般将加载的数据,转换成模型,放入 ...
- C++在使用Qt中SLOT宏须要注意的一个小细节
大家都知道C++虚函数的机制,对于基类定义为虚函数的地方,子类假设覆写,在基类指针或者引用来指向子类的时候会实现动态绑定. 但假设指针去调用非虚函数,这个时候会调用C++的静态绑定,去推断当前的指针是 ...
- SQL小细节
平时有些小细节,不留意的话很容易得到错误的答案,我们来看下下面的代码,看看你是否能答对呢? ) ,) SELECT @str = '中国CH',@info='MyTest' SELECT [字符串]= ...
随机推荐
- HDU3466 Proud Merchants[背包DP 条件限制]
Proud Merchants Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 131072/65536 K (Java/Others) ...
- 3D游戏常用技巧Normal Mapping (法线贴图)原理解析——基础篇
http://www.cnblogs.com/wangchengfeng/p/3470310.html
- ognl
一:什么是值栈 1:ValueStack:值栈.其本身的数据结构是一个栈,使用者可以把一些对象存入栈中.然后使用动态的表达式来读取bean的属性.由于值栈中可能有多个对象 值栈会按照对象出栈的顺序依次 ...
- Matlab && C-Mex Round 1
前言:本篇文章主要通过一个简单的例子程序对C-Mex进行一个初步的说明.前期的环境搭建(包括安装Matlab和gcc编译器)就不在这里赘述了. 在看文章之前,建议初学者先检查一下Matlab的mex配 ...
- image的加载事件(onload)和加载状态(complete)
之前做过这样一个需求,要让商家页的商家图片按照图片外面box的大小等比例缩放.之前的想法是在页面中先输出图片的src,然后在页面底部初始化js,然后在js中写相应的可以使图片按照box的大小等比例缩放 ...
- FPGA与simulink联合实时环路系列—开篇
FPGA与simulink联合实时环路系列—开篇 作为网络上第一个开源此技术,笔者迫不及待地想将此技术分享出来,希望大家多多支持.笔者从2011年接触FPGA以来,从各个方面使用FPGA,无论是控制. ...
- jquery-leonaScroll-1.2-自定义滚动条插件
leonaScroll-1.2.js 下载链接地址:http://share.weiyun.com/bb531dd6b1916c0023c176897182dc15 (密码:iZck)[内含压缩版] ...
- 【JavaScript】操作Canvas画图
1.页面添加 Canvas 标签 标签内可以写文字,浏览器不支持Canvas的情况下显示, 2.js获取 Canvas 标签 3.利用js函数画图,[线][图][文字] 源:http://www.li ...
- VMware安装Centos7,已将该虚拟机配置为使用64为,却无法执行64位操作
在新建虚拟机之后,相信很多人都遇到了这个问题,这个问题的本质就是电脑是否支持虚拟化,虽然不是很清楚这是什么 解决方案就是,重启电脑(这边的电脑不是虚拟机而是主机),进入BIOS界面(不同电脑进入BIO ...
- LCA最近公共祖先 ST+RMQ在线算法
对于一类题目,是一棵树或者森林,有多次查询,求2点间的距离,可以用LCA来解决. 这一类的问题有2中解决方法.第一种就是tarjan的离线算法,还有一中是基于ST算法的在线算法.复杂度都是O( ...