1

我最近开始使用 Google Docs 电子表格，并开始尝试在表格中编写脚本。在一个特定的工作表中，我想向用户显示一个自定义对话框，我已经设法做到了。

现在，我想让对话框中的一些表格行可点击。我编写了一些应该完成这项工作的代码，但 Caja 似乎正在删除我编写的代码。

代码的简化版本（仍然存在问题）：

function showSkillsForCurrentLevel() {
  var html, out, app;

    html = '<div>Text. Yay!</div>'
    + '<script>'
    + '(function(){'
    + '    "use strict";'
    + '    var toggleFinished = function toggleFinished(){'
    + '            this.classList.toggle("finished");'
    + '        },'
    + '        rows,'
    + '        i = 0;'
    + '    rows = document.getElementsByClassName("skill-leveling").getElementsByClassName("finishable");'
    + '    if (rows.length) {'
    + '        for (i = 0; i < rows.length; i += 1) {'
    + '            rows[i].onclick = toggleFinished;'
    + '        }'
    + '    }'
    + '}());'
    + '</script>';  
    out = HtmlService.createHtmlOutput(html).setSandboxMode(HtmlService.SandboxMode.NATIVE).setTitle('Leveling Plan').setWidth(400).setHeight(400);
    app = SpreadsheetApp.getActiveSpreadsheet();
    app.show(out);
};

我在显示的对话框中得到的是：

<caja-v-body>
    <div>Text. Yay!</div>
    <script></script>
</caja-v-body>

我认为 Caja 出于某种原因正在剥离代码，但我似乎无法在任何地方找到任何文档或示例，说明如何正确包含脚本以Code.gs使它们在 Caja 清理后保持完整。

我假设其他人已经遇到了这个问题，我希望有人能分享一个解决方案。

TLDR 版本：

如何在由创建的对话框中包含 JavaScript HtmlService.createHtmlOutput？

4

1 回答 1

2

我的方法是创建这样的对话框：

  var htmlOutput = HtmlService.createHtmlOutputFromFile("customdialog.html").setTitle("your title").setWidth(350);
  htmlOutput.setSandboxMode(HtmlService.SandboxMode.NATIVE);
  DocumentApp.getUi().showDialog(htmlOutput)

对话框的实际内容位于名为 customdialog.html 的单独 HTML 文件中。示例实现可能是：

<html>
  <head>
    <script src="http://remoteserver/yourscript.js"></script>
    <script>... a local script</script>
  <body>
  <div>hello dialog</div>
  </body>
</html>

如示例所示，您甚至可以包含来自远程服务器的 javascript。我设法通过这种方法在对话框中包含 jquery 并使用 jquery。

于 2014-01-19T14:01:01.337 回答