如何将参数传递给 Picker API？

Question

我遇到了和这里讨论的同样的问题：How to pass a parameter to html?

换句话说，我需要将参数传递给 Picker，以便他知道我正在选择什么文件。基于此文件类型，不同的函数将作为回调的一部分运行。

我正在使用 Google 提供的 Picker 示例：https://developers.google.com/apps-script/guides/dialogs

选择器显示如下代码：

function showPicker() {
  var html = HtmlService.createHtmlOutputFromFile('Picker.html')
      .setWidth(600)
      .setHeight(425)
      .setSandboxMode(HtmlService.SandboxMode.IFRAME);
  SpreadsheetApp.getUi().showModalDialog(html, 'Select a file');
}

当然，现在我想将参数传递给选择器，以便它知道我要打开的文件。根据上一篇文章中提供的示例（实际上它看起来是最好的方法），我需要以下内容：

function doGet() {
    var htmlTemplate = HtmlService.createTemplateFromFile('Picker');
    htmlTemplate.dataFromServerTemplate = { first: "hello", last: "world" };
    var htmlOutput = htmlTemplate.evaluate().setSandboxMode(HtmlService.SandboxMode.IFRAME)
        .setTitle('sample');
    return htmlOutput;
}

很遗憾，选择器窗口没有显示。如何解决？

任何帮助将不胜感激。

Answer 1

您可以在 HTML 模板的客户端 Javascript 中处理此问题。 Google 提供的示例在加载页面后立即显示 Picker，但不一定要这样。

您可以将 createPicker() 函数绑定到客户端 HTML 中的事件（例如，选择列表项）并将 DOM 元素的唯一 ID 传递给该函数。

HTML

<span id="item1" onClick="createPicker(this.id)"> Item1 </span> 

Javascript

function createPicker(id){
  // build the picker based on the id of the item selected
}