javascript - 使用动态 URL 打印到 Google Cloud Print

Question

我想要在我的网站上使用“打印”按钮来使用 Google 云打印打印文档，但我希望目标的“url”(一个 PDF 文件)在按下按钮后动态更改单击(特别是，基于从 AJAX 调用返回的内容)。

GCP Web Element (GCPWE) 似乎有类似的功能，但不是我想要的。特别是，似乎只能在单击按钮之前更改“目标”(通过调用 setPrintDocument )。

有没有办法在点击按钮后指定 GCPWE 的 URL？

这是来自 GCPWE 网站的示例代码:

<div id="print_button_container"> </div>


<script src="http://www.google.com/cloudprint/client/cpgadget.js">
</script>
<script defer="defer">
    var gadget = new cloudprint.Gadget();
    gadget.setPrintButton(
          cloudprint.Gadget.createDefaultPrintButton("print_button_container"));
    gadget.setPrintDocument("url", "[document title]", "[document URL]");
</script>

我考虑过隐藏 <div id='print_button_container'>并触发 .click单击可见的打印按钮后在其上发生事件，但这似乎相当不雅且不合适。我看过 gpwidget.js链接到上面，但代码已被最小化并且难以理解(无论如何对我来说)。

我似乎想要的是 Javascript print您将 [文档 URL] 和 [文档标题] 传递给的函数。

有没有更好的方法来实现所需的功能，而不是我想出的“单击隐藏按钮”？

感谢阅读。

Answer 1

您可以随时打开打印对话框，只需调用:

gadget.openPrintDialog()

这将打开打印机对话框。因此，对于您的情况，您可能希望使用静态方法创建打印按钮:

cloudprint.Gadget.createDefaultPrintButton("print_button_container");

然后为按钮附加自定义处理程序，只要您准备就绪，只需调用:

var gadget = new cloudprint.Gadget();
gadget.setPrintDocument(...);
gadget.openPrintDialog();