javascript - 在侧边栏 GAS 中调用服务器端脚本

Question

我试图在不同的侧边栏中调用另一个侧边栏，以在谷歌文档中创建一种选项卡式界面。我不知道如何调用在当前侧边栏的 html 文件中显示新侧边栏的服务器端函数。

这是我的 html 侧边栏按钮布局...(不起作用)

<div id='menu'>
    <button class="action" id="functions_nav">Functions</button>
    <button class="action" id="navbar">NavBar</button>
    <button class="action" id="settings" onClick="google.script.run.showSettings()">Settings</button>
  </div>

还有我的 gs 文件...

function showSettings() {
  var html = HtmlService.createHtmlOutputFromFile('settings')
      .setSandboxMode(HtmlService.SandboxMode.IFRAME)
      .setTitle('DebateDocs')
      .setWidth(300);
  DocumentApp.getUi() // Or DocumentApp or FormApp.
      .showSidebar(html);
}

谷歌上的文档涉及通过“input type =“button”...”调用按钮，但这会破坏我的样式。此外，他们总是在 javascript“script”标签中调用脚本。有什么方法可以将按钮路由到指向服务器的 html 文件中的 JavaScript 事件吗？

感谢您的帮助!任何都表示赞赏。

Answer 1

你的代码对我来说工作得很好。

IFRAME 沙箱模式是新的，有一些错误，请尝试将其删除或设置为 NATIVE。

如果您在查看执行脚本时发现任何错误，请分享。

干杯。

PS:抱歉，我知道这应该作为评论插入，但还没有这样做的声誉:(