我如何在jquery中使用onClick？

阿比吉耶·羽衣甘蓝

我是jquery的新手，对此我不太了解，但是我一直在尝试使用jquery从HTML生成Excel和PDF。为此，我使用以下代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Assignment to generate excel</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script src="~/Contents/jquery-1.9.1.js"></script>  
    <script src="~/tableExport/tableExport.js"></script> <!-- @*Main file which does export feature *@   -->
    <script src="~/tableExport/jquery.base64.js"></script> <!-- @*Main file which does convert the content to base64  *@ -->  
    <script src="~/tableExport/html2canvas.js"></script> <!-- @*Main file which does export to image feature *@ -->  
    <script src="~/tableExport/jspdf/libs/base64.js"></script> <!-- @*Main file which does  convert the content to base64 for pdf *@ -->  
    <script src="~/tableExport/jspdf/libs/sprintf.js"></script> <!-- @*Main file which does export feature for pdf *@ -->  
    <script src="~/tableExport/jspdf/jspdf.js"></script> <!-- @*Main file which does export feature for pdf *@ -->  
</head>
<body>
    <table id="activity" border="1" width="50%" >
            <tr>
            <th>Country</th>
            <th>Population</th>
            <th>Date</th>
            <th>%ge</th>
            </tr>

            <tr>
            <td>Chinna</td>
            <td>1,363,480,000</td>
            <td>March 24, 2014</td>
            <td>19.1</td>
            </tr>
            <tr>
            <td>India</td>
            <td>1,241,900,000</td>
            <td>March 24, 2014</td>
            <td>17.4</td>
            </tr>
            <tr>
            <td>United States</td>
            <td>317,746,000</td>
            <td>March 24, 2014</td>
            <td>4.44</td>
            </tr>
            <tr>
            <td>Indonesia</td>
            <td>249,866,000</td>
            <td>July 1, 2013</td>
            <td>3.49</td>
            </tr>
            <tr>
            <td>Brazil</td>
            <td>201,032,714</td>
            <td>July 1, 2013</td>
            <td>2.81</td>
            </tr>

    </table>  


    onClick ="$('#activity').tableExport({type:'pdf',escape:'false'});"

<script>  
    $(document).ready(function () {  
        $('#exportexcel').bind('click', function (e) {             
            $('#activity').tableExport({ type: 'excel', escape: 'false' });  
        });  
        $('#exportpdf').bind('click', function (e) {             
            $('#activity').tableExport({ type: 'pdf', escape: 'false' });  
        });  
        $('#exportimage').bind('click', function (e) {  
            $('#activity').tableExport({ type: 'png', escape: 'false' });  
        });  
        $('#exportcsv').bind('click', function (e) {  
            $('#activity').tableExport({ type: 'csv', escape: 'false' });  
        });  
        $('#exportppt').bind('click', function (e) {  
            $('#activity').tableExport({ type: 'powerpoint', escape: 'false' });  
        });  
        $('#exportxml').bind('click', function (e) {  
            $('#activity').tableExport({ type: 'xml', escape: 'false' });  
        });  
        $('#exportword').bind('click', function (e) {  
            $('#activity').tableExport({ type: 'doc', escape: 'false' });  
        });  
        $('#exporttxt').bind('click', function (e) {  
            $('#activity').tableExport({ type: 'txt', escape: 'false' });  
        });  

    });  
</script>  


</body>
</html>

但是当我在浏览器中运行此代码时，我得到以下输出

我不知道如何在这种情况下使用onClick事件，所以当我单击Export excel或Export PDF按钮时，会生成此文件。

如果有人对此有任何想法，请帮助我。

提前致谢。

亚伦·克里斯蒂安森（Aaron Christiansen）

onclick是需要去与元素的标签，就像HTML属性，border或者id在你的table标签。单击应用到该元素的元素后，它将运行其中的代码。

要实现所需的功能，您需要添加一个按钮并将onclick属性放在该按钮上，如下所示：

<button onclick="$('#activity').tableExport({type:'pdf',escape:'false'});">Export</button>

此方法产生的输出如下所示：

完成此操作的另一种方法（以及通常执行的方法）是on在script标签内使用jQuery的功能。为此，请将以下内容放在$(document).ready回调的底部：

$("button").on("click", function() {
    $('#activity').tableExport({type:'pdf',escape:'false'});
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。

编辑于 2021-04-17

我来说两句

0 条评论

登录后参与评论

我如何在Svelte中使用jQuery

我如何在jquery中使用onClick？

我如何在jquery中使用onClick？

隐藏发件人没有短信PHP

材质UI垂直滑块。如何改变在垂直材料UI滑块导轨的厚度（反应）

在Windows 7中无法删除文件（2）

HttpClient中的角度变化检测

Azure VM启动/停止日志

如何在 Vb.net 中使用函数返回多个值

Powerpoint-条形长度错误的堆积条形图

最新歌剧断断续续的快速拨号和渲染错误

Mac OS X更新后的GRUB 2问题

需要公式以vlookup逗号分隔单个单元格中的值

Hashchange事件侦听器在将事件处理程序附加到事件之前进行侦听

ggplot：对齐多个分面图-所有大小不同的分面

OS X-为什么我需要打开WiFi才能确定最近的位置

用日期数据透视表和日期顺序查询

Java Eclipse中的错误13，如何解决？

如何在Django中使用UUID

加载Microsoft Visual菜单时出现问题

具有if条件的SQL UPDATE

从JSON到JSONL的Python转换

如何在Kod中更改字体？

共享图像将路径放入地址