jquery plugins —— datatables 搜索后汇总

网上的例子 http://datatables.club/example/plug-ins/api.html只能对当前页面或所有数据进行汇总,不能对搜索结果数据汇总。

以下是对datatables自带搜索结果的汇总。

table.on("search.dt", dataSearch);

        //汇总总金额
        function dataSearch() {
            var datas = table.data();
            var total = 0;
            for (i = 0; i < table.context[0].aiDisplay.length; i++) {
                total += parseFloat(datas[table.context[0].aiDisplay[i]].Amount);
            }

            $("#total").text(total);

        }
时间: 2024-12-21 13:09:27

jquery plugins —— datatables 搜索后汇总的相关文章

jquery plugins —— datatables 增加行号

table = $("#Table").DataTable({ "rowCallback": function (row, data, dataIndex) { //增加行号 $('td:eq(0)', row).html(dataIndex + table.page.info().length * table.page() + 1); }}); <table id="Table"> <thead> <tr styl

实现DataTables搜索框查询结果高亮显示

DataTables是封装好的HTML表格插件,丰富了HTML表格的样式,提供了即时搜索.分页等多种表格高级功能.用户可以编写很少的代码(甚至只是使用官方的示例代码),做出一个漂亮的表格以展示数据.关于DataTables的更多信息,请查看:http://www.datatables.club/.https://datatables.net/.下图将要展示的南京景点游记的相关数据,在DataTables表格中展示出来. 上面DataTable表格中的即时搜索.分页等功能是创建好DataTable

jquery常用函数与方法汇总

1.delay(duration,[queueName]) 设置一个延时来推迟执行队列中之后的项目. jQuery1.4新增.用于将队列中的函数延时执行.他既可以推迟动画队列的执行,也可以用于自定义队列. duration:延时时间,单位:毫秒 queueName:队列名词,默认是Fx,动画队列. 例: 头部与底部延迟加载动画效果 $(document).ready(function() { $('#header') .css({ 'top':-50 }) .delay(1000).animat

jQuery实现动态搜索显示功能

jQuery实现动态搜索显示功能 本案例采用jQuery实现动态搜索显示功能,只要输入值就能立刻动态显示数据,不同于常规查询方法. 模拟效果如下: 12 <%@ page language="java" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>

解决JQuery中datatables设置隐藏显示列多次提交后台刷新数据的问题

此次项目开发过程中用到了Jquery的Datatables插件,无疑他是数据列表展示,解决MVC中同步过程中先走控制器后返回视图,查询数据过程中无法提示等待的弊端, 而且他所提供的各种方法也都有较强的实用性.但是再好的程序也会有瑕疵,项目开发中就遇到了其提供的设置隐藏显示列的方法 table.fnSetColumnVis(colShowDic_key[i], true);//colShowDic_key[i]为列的索引.会多次提交刷新数据(有多少列会提交刷新多少次). 为解决这个问题尝试了很多种

【jquery基础教程】jquery事件及操作大汇总

在学习Javascript语言中,有一个优秀的Javascript库是大家都会遇到的--jquery,今天小编汇总了jquery事件及操作,现在一起来看看jquery基础教程吧! 事件 bind()        向匹配元素附加一个或更多事件处理器 blur( )        触发.或将函数绑定到指定元素的 blur 事件 change()        触发.或将函数绑定到指定元素的 change 事件 click()        触发.或将函数绑定到指定元素的 click 事件 dblc

Writing Your Own jQuery Plugins

Setting Up 1 <script src="js/jquery-1.9.1.min.js"></script> 2 <script src="js/jquery.hello-world.js"></script> The jQuery Plugin Structure 1 (function($) { 2 3 $.fn.helloWorld = function() { 4 5 // Future home o

Select2 在jquery UI Dialog 搜索项失效且不能focus到搜索框解决方案

今天在项目到遇到一个select2插件在jquery UI Dialog 不能focus到搜索框的问题,后来在js 代码中加入(位置可以自己选 ,我选的位置是select2.min.js 后面,因为很多地方都用到,不用针对一个一个功能去修改): $.ui.dialog.prototype._allowInteraction = function(e) {     return !!$(e.target).closest('.ui-dialog, .ui-datepicker, .select2-

HTML5+Ajax+Jquery调用Google搜索API实现搜索引擎,支持web,image,news,vedio4种模式!

原文:HTML5+Ajax+Jquery调用Google搜索API实现搜索引擎,支持web,image,news,vedio4种模式! 源代码下载地址:http://www.zuidaima.com/share/1550463589878784.htm web,image,news,vedio4种模式! 已经拿javaniu作出测试,下载即可查看