首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Tablesorter ->将过滤后的数据提取到csv文件

Tablesorter ->将过滤后的数据提取到csv文件
EN

Stack Overflow用户
提问于 2013-04-10 13:13:27
回答 2查看 2.9K关注 0票数 1

我想把过滤过的记录,通过tablesorter插件,写成一个csv格式的外部文件。我跟随着this answerMottie,Tablesorter的创建者。在FireBug错误控制台中,我得到的错误是

TypeError:$(.).on不是函数$('.export').on('click',function(){

这是我的文件,使用tablesorter提取csv格式的记录,

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<%@page import="java.util.Iterator"%>
<%@page import="java.util.ArrayList"%>
<%    
    ArrayList<ArrayList<String>> resultsetlist = (ArrayList<ArrayList<String>>) request.getAttribute("SearchRecordsList");        
%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">       
        <meta charset="utf-8">
        <title>Research Records</title>       
        <!-- jQuery -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js"></script>
        <!-- Demo stuff -->
        <link class="ui-theme" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/cupertino/jquery-ui.css">
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7/jquery-ui.min.js"></script>       
        <link href="js/tablesorter/docs/css/prettify.css" rel="stylesheet">
        <script src="js/tablesorter/docs/js/prettify.js"></script>
        <script src="js/tablesorter/docs/js/docs.js"></script>
        <!-- Tablesorter: required -->
        <link rel="stylesheet" href="js/tablesorter/css/theme.blue.css">
        <script src="js/tablesorter/js/jquery.tablesorter.js"></script>
        <script src="js/tablesorter/js/jquery.tablesorter.widgets.js"></script>
        <script>
            $(function() {                
                $('table').tablesorter({
                    theme : 'blue',
                    widgets: ['zebra', 'filter' ]
                });
            });

            $('.exportcsv').on('click', function(){
                var csv = [];
                // find only visible rows; we're ignoring filtered/hidden rows
                $('table').find('tbody tr:visible').find('td').each(function(){
                    alert("Value of text" + $(this).text());                                    
                    csv.push( $(this).text());                    
                });
                // do what you want with the csv data here
                $('textarea').val( csv.join(',') )
            });            
        </script>            
        <link rel="stylesheet" type="text/css" href="stylesheet1.css">       
        <title>JSP Page</title>
    </head>
    <body>       
        <table class="tablesorter" id="tablesorter-id-variable">
            <thead>
                <tr>
                    <%
                        int index = 0;
                        String s = "null";
                        Iterator itrcol = resultsetlist.iterator();
                        if (itrcol.hasNext()) {
                            ArrayList<String> col_record = (ArrayList<String>) itrcol.next();
                            for (index = 0; index < col_record.size(); index++) {
                                s = col_record.get(index);
                    %>
                    <th>
                        <% out.println(s);%>
                    </th>
                    <%
                        } // End of -for-
                    %>
                </tr>
                <%
                    } //end if
                %>
            </thead>
            <tbody>
                <tr>
                    <%
                        Iterator itr = resultsetlist.iterator();
                        itr.next();
                        while (itr.hasNext()) {
                            ArrayList<String> each_record = (ArrayList<String>) itr.next();                            
                            for (index = 0; index < each_record.size(); index++) {
                                s = each_record.get(index);
                    %>
                    <td>
                        <% out.println(s);%>                        
                    </td>
                    <%
                        } // End of -for-
                    %>
                </tr>
                <%
                    } //end while
                %>
            </tbody>
        </table>
        <button class="exportcsv">export csv</button><br>
        <textarea cols="40" rows="10"></textarea>
    </body>
</html>

在上面的代码中有什么可能的错误?(预先谢谢:)

更新:解决方案

两个答案都是对的!遗憾的是,我只能接受一个:

问题是,我使用的Jquery版本只有1.4。因此,将其升级到最新的谷歌cdn- 1.8,解决了这个问题。感谢答案:)

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-04-10 13:36:51

使用新版本的jQuery,因为$().on仅在jQuery 1.7+中可用,而您正在使用jQuery 1.4。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

您可以将其用于安全性,许多javascript库使用$作为默认值。在这个.ready()中,$引用jQuery对象。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
jQuery(document).ready(function($) {
        $(function() {                
            $('table').tablesorter({
                theme : 'blue',
                widgets: ['zebra', 'filter' ]
            });
        });

        $('.exportcsv').on('click', function(){
            var csv = [];
            // find only visible rows; we're ignoring filtered/hidden rows
            $('table').find('tbody tr:visible').find('td').each(function(){
                alert("Value of text" + $(this).text());                                    
                csv.push( $(this).text());                    
            });
            // do what you want with the csv data here
            $('textarea').val( csv.join(',') )
        });
});
票数 4
EN

Stack Overflow用户

发布于 2013-04-11 20:07:54

jQuery v1.4没有on()函数,改为使用bind()

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('.exportcsv').bind('click', function(){

或更新用于版本jQuery的1.7+版本。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15936538

复制
相关文章
基于RGB-D多相机的实时3D动态场景重建系统
原标题:Real-time 3D Reconstruction of Dynamic Scenes with Multiple Kinect v2 Sensors
用户1324186
2021/12/22
3.3K0
基于RGB-D多相机的实时3D动态场景重建系统
深度相机种类_深度相机原理
本文的深度相机制造商涉及:Microsoft、Intel、Leap Motion、Orbbec、图漾、Occipital Structure、Stereolabs 、DUO。 文末附深度相机详细对比清单。
全栈程序员站长
2022/11/17
3.3K0
深度相机种类_深度相机原理
【深度相机系列六】深度相机哪家强?附详细参数对比清单
本文的深度相机制造商涉及:Microsoft、Intel、Leap Motion、Orbbec、图漾、Occipital Structure、Stereolabs 、DUO。 文末附深度相机详细对比清单。
用户1150922
2019/05/26
6.4K0
三维重建技术综述
来源丨https://blog.csdn.net/qq_30815237/article/details/91897736
3D视觉工坊
2021/01/13
2.7K0
三维重建技术综述
KinectFusion 介绍
KinectFusion是微软在2011年发表的一篇论文里提到的点云重建的方法,论文题目是:KinectFusion: Real-Time Dense Surface Mapping and Tracking。点云是用Kinect采集的,然后算法把这些点云注册对齐,融合成一个整体点云。
NT4.4
2019/10/14
1.4K0
KinectFusion 介绍
基于OpenCV的彩色空间互转
图像彩色空间互转在图像处理中应用非常广泛,而且很多算法只对灰度图有效;另外,相比RGB,其他颜色空间(比如HSV、HSI)更具可分离性和可操作性,所以很多图像算法需要将图像从RGB转为其他颜色空间,所以图像彩色互转是十分重要和关键的。
Datawhale
2020/06/23
2.6K0
彩色图像色彩空间原理
自然界的各种色彩、人类所感知的色彩以及各种图像设备和计算机软件所使用的颜色可通过色彩空间(Color Space)来描述。
不脱发的程序猿
2021/08/10
1.1K0
Python OpenCV 蓝图:1~5
本章的目的是开发许多图像处理过滤器,并将其实时应用于网络摄像头的视频流。 这些过滤器将依靠各种 OpenCV 函数来通过拆分,合并,算术运算以及为复杂函数应用查找表来操纵矩阵。
ApacheCN_飞龙
2023/04/27
1.8K0
Python OpenCV 蓝图:1~5
Open3d 学习计划—13(Azure Kinect)
Open3D是一个开源库,支持快速开发和处理3D数据。Open3D在c++和Python中公开了一组精心选择的数据结构和算法。后端是高度优化的,并且是为并行化而设置的。
点云PCL博主
2020/09/14
2.8K0
Open3d 学习计划—13(Azure Kinect)
Task03 彩色空间互转
图像彩色空间互转在图像处理中应用非常广泛,而且很多算法只对灰度图有效;另外,相比RGB,其他颜色空间(比如HSV、HSI)更具可分离性和可操作性,所以很多图像算法需要将图像从RGB转为其他颜色空间,所以图像彩色互转是十分重要和关键的。
致Great
2020/04/30
6270
视觉SLAM技术简述,一文了解视觉SLAM「建议收藏」
如今科技发展日新月异,随着机器人、AR/VR等人工智能领域的不断发展,视觉SLAM也取得了惊人的发展。本文就视觉SLAM的定义、研究分类、模块、工作原理及应用方向等方面做一个视觉SLAM的技术简述。
全栈程序员站长
2022/11/15
1.3K1
视觉SLAM技术简述,一文了解视觉SLAM「建议收藏」
鹅厂原创 | 使用HTML5开发Kinect体感游戏
零写在前面 对前端工程师而言,开发Kinect的体感游戏似乎有些触不可及,因为目前市面上基本上是用C#或C++来开发,但如果游戏运行在我们熟悉的浏览器中,结合HTML5的新特征,我们是不是可以玩出新高度呢? 一简介 在前不久成都TGC2016展会上,我们开发了一款《火影忍者手游》的体感游戏,主要模拟手游章节《九尾袭来 》,用户化身四代,与九尾进行对决,吸引了大量玩家参与。 表面上看,这款游戏与其它体感体验无异,实际上,它一直运行于浏览器Chrome下,也就是说,我们只需要掌握前端相应技术,就可以开发基于Ki
用户1097444
2022/06/29
1.2K0
鹅厂原创 | 使用HTML5开发Kinect体感游戏
Ubuntu_ROS中应用kinect v2笔记
http://www.ros.org/news/2014/09/microsoft-kinect-v2-driver-released.html
zhangrelay
2019/01/23
2.7K0
机器学习进阶系列
本文为博主原创文章,未经博主允许不得转载。有问题可以加微信:lp9628(注明CSDN)。
MachineLP
2018/02/05
1.9K0
机器学习进阶系列
RGBD相机模型与图片处理
灰度是描述灰度图像内容的最直接的视觉特征。它指黑白图像中点的颜色深度,范围一般从0到255,白色为255,黑色为0,故黑白图像也称灰度图像。灰度图像矩阵元素的取值通常为[0,255],因此其数据类型一般为8位无符号整数,这就是人们通常所说的256级灰度。 灰度图:一个像素的灰度可以用8 位整数记录,也就是一个0~255的值。 深度图
小白学视觉
2022/04/06
7200
RGBD相机模型与图片处理
移动机器人的几种视觉算法
谈到移动机器人,大家第一印象可能是服务机器人,实际上无人驾驶汽车、可自主飞行的无人机等等都属于移动机器人范畴。它们能和人一样能够在特定的环境下自由行走/飞行,都依赖于各自的定位导航、路径规划以及避障等功能,而视觉算法则是实现这些功能关键技术。
机器人网
2018/07/23
1.2K0
移动机器人的几种视觉算法
OpenCV - 计算相机和视频的帧速率FPS
OpenCV 库中的 VideoCapture 类主要处理视频读取以及从连接的相机中获取图像帧.
AIHGF
2019/06/14
20.6K0
6DoF视频技术研究进展
6自由度(six degrees of freedom,6DoF)视频具体表现为在观看视频过程中,用户站在原地时头部与视频内容之间的
一点人工一点智能
2023/08/25
9430
6DoF视频技术研究进展
6DoF视频技术研究进展
作者:王旭, 刘琼, 彭宗举, 侯军辉, 元辉, 赵铁松, 秦熠, 吴科君, 刘文予, 杨铀
一点人工一点智能
2023/08/24
7960
6DoF视频技术研究进展
三维重建技术概述_CT三维重建不包括
基于视觉的三维重建,指的是通过摄像机获取场景物体的数据图像,并对此图像进行分析处理,再结合计算机视觉知识推导出现实环境中物体的三维信息。
全栈程序员站长
2022/11/15
1K0
三维重建技术概述_CT三维重建不包括

相似问题

从kinect v2获取彩色帧

15

Kinect v2彩色相机标定参数

11

Kinect v2 -同步深度和彩色帧

21

Kinect:从颜色空间移动到相机空间

20

Kinect 2彩色相机输入的下采样

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文