1

5列のテーブルを表示するjspファイルがあります。テーブルの同じページにボタンが必要です。これにより、jqueryを使用してテーブルの内容をpdf形式でダウンロードできます..誰か助けてくれますか? 以下のコードに示すように、jspdf の lib ファイルをプロジェクトの js フォルダーに追加し、jsp ファイルにそのパスを指定しました。何が問題なのか理解できません。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<%@page import="org.apache.log4j.Level"%>


<%@page import="java.util.ArrayList"%>

<%@page import="sevices.authentication.AuthorizationException"%>


<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Intelligent System</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
        <script type='text/javascript' charset='utf-8' src='/ias/js/jquery.js'></script>

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>



        <script type="text/javascript" src="/ias/js/jquery.dataTables.min.js"></script>

<script type="text/javascript" src="/ias/js/jsPDF.js"></script>
<script type="text/javascript" src="/ias/js/FileSaver.js"></script>
<script type="text/javascript" src="/ias/js/Blob.js"></script>
<script type="text/javascript" src="/ias/js/BlobBuilder.js"></script>
<script type="text/javascript" src="/ias/js/deflate.js"></script>
<script type="text/javascript" src="/ias/js/adler32cs.js"></script>








            <link href="/ias/css/demo_page.css" rel="stylesheet" type="text/css" media="screen" />
            <link href="/ias/css/demo_table.css" rel="stylesheet" type="text/css" media="screen" />



         <script type="text/javascript" charset="utf-8">
            $(document).ready(function() {
                $('#example2').dataTable();
            } );
            $("#button3").click(function() {
                var table = $("#example2").html();
                $(".result").html(table);
                var pdf = new jsPDF();
                pdf.text(table);
                pdf.save('message.pdf');
            });
        </script>
</head>
<body>

<jsp:include page="/jsp/session/menu.jsp"></jsp:include>
<!-- end #menu -->






    <div id="page">     
    VIEW MESSAGE
    <hr size="7" align="left" width="100%" color="#566316"> 

        <span style="color: red"><%=myMessage %></span>
        <%}

        %>
        <div class="entry">


        <div id="content" class="messages">

    <table cellpadding="0" cellspacing="0" border="0" align="left" class="display" id="example2" width="140%">          
<thead>
                            <tr>
                                <th>SR NO.</th>
                                <th>Message</th>
                                <th>Posted By</th>
                                <th>Date</th>
                                <th>Priority</th>
                            </tr>
                        </thead>

<tbody>                 


                <%




                            <tr class="separating_line">
                                    <td class="center" style="width: 4%" align="center">data1</td>
                                    <td style="width: 70%" valign="top" align="left">data2</td>
                                    <td class="center" style="width: 15%" align="center">data3</td>
                                    <td class="center"  style="width: 35%" align="center">data4 </td>
                                    <td class="center"  style="width: 15%" align="center">data5 </td>

                                </tr>




</tbody>
<tfoot>
                                <tr>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                </tr>
                            </tfoot>
</table>

<button id="button3" name="button3" type="button">Import PDF</button>   
        </div>
        <!-- end #content -->
    </div>
<script type='text/javascript' charset='utf-8' src='/ias/js/shCore.js'></script>
        <div style="clear: both;">&nbsp;</div>


</div>

<!-- end #page -->
<jsp:include page="/jsp/footer.jsp"></jsp:include>
        <!-- end #footer -->
</body>
</html>
4

1 に答える 1