JSPDF自动表:未定义JSPDF

Question

试图提供在xpages中生成pdf的可能性我的代码：

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
<xp:this.resources>
<xp:script src="generate.js" clientSide="true"></xp:script>
</xp:this.resources>
<script type='text/javascript' src='js/jspdf.min.js'></script>
<script type="text/javascript"  src="js/jspdf.plugin.autotable.js"></script>
<button onclick="generate()">Generate PDF</button>
<xp:br></xp:br>
<xp:br></xp:br>
<table id="basic-table" >
<thead>
<tr>
<th>ID</th>
<th>First name</th>
<th>Last name</th>
<th>Email</th>
<th>Country</th>
<th>IP-address</th>
</tr>
</thead>
<tbody>
<tr>
<td align="right">1</td>
<td>Donna</td>
<td>Moore</td>
<td>[e-mail]</td>
<td>China</td>
<td>211.56.242.221</td>
</tr>
<tr>
<td align="right">2</td>
<td>Janice</td>
<td>Henry</td>
<td>[e-mail]</td>
<td>Ukraine</td>
<td>38.36.7.199</td>
</tr>
<tr>
<td align="right">3</td>
<td>Ruth</td>
<td>Wells</td>
<td>[e-mail]</td>
<td>Trinidad and Tobago</td>
<td>19.162.133.184</td>
</tr>
<tr>
<td align="right">4</td>
<td>Jason</td>
<td>Ray</td>
<td>[e-mail]</td>
<td>Brazil</td>
<td>10.68.11.42</td>
</tr>
<tr>
<td align="right">5</td>
<td>Jane</td>
<td>Stephens</td>
<td>[e-mail]</td>
<td>United States</td>
<td>47.32.129.71</td>
</tr>
<tr>
<td align="right">6</td>
<td>Adam</td>
<td>Nichols</td>
<td>[e-mail]</td>
<td>Canada</td>
<td>18.186.38.37</td>
</tr>
</tbody>
</table>
<xp:br></xp:br>
</xp:view>

我在控制台上收到一个错误：

未捕获的ReferenceError:jsPDF未定义生成时(生成：3(位于HTMLButtonElement.onclick(test_pdf2.xsp:20(generate@generate:3onclick@test_pdf2.xsp:20

以及generate.js的第3行=var doc=new jsPDF('p'，'pt'(；

当我查看源代码时，我可以在js下看到两个库

怎么了？

Answer 1

jsPDF使用AMD。以下是使用AMD的jspdf.min.js源代码的一个片段：

function"==typeof define&&define.amd?define(e)

不幸的是，AMD加载与XPages中的Dojo冲突。请参阅有关如何删除AMD加载的答案。

您需要通过将jspdf.min.js中的代码更改为以下代码来更改AMD加载部分：

function"==typeof define&&false?define(e)

jspdf.plugin.autotable.js也使用AMD。在这里，您也需要用false替换define.amd。