2

我使用 html 页面在 Google 脚本中创建了一个表单，然后调用 javascript 函数，如此处所述。当我运行应用程序时，表单加载得很好，但它不会执行脚本。我怎样才能使这项工作？

这是我正在尝试做的一个例子：

<html>
  <!--Create Sign Out Form-->
  <form id="signOut">

    <div>
      Destination: 
      <select name="destination">
        <option value="lunch">Lunch</option>
        <option value="meeting">Client Meeting</option>
        <option value="vacation">Vacation</option>
        <option value="sick">Out Sick</option>
        <option value="personal">Personal</option>
        <option value="home">Working from Home</option>
        <option value="scedule">Reduced Schedule</option>
      </select>
    </div>

    <div>
      Supervisor: 
      <select name="supervisor" onselect="google.script.run.withUserObject(this.parentNode).populate(destination)"></select>
    </div>

    <div>
      Start Date: 
      <input type="date" name="startDate" onselect="google.script.run.withUserObject(this.parentNode).SignOutLibrary.dateSelect()"/>
    </div>

    <div>
      End Date: 
      <input type="date" name="endDate" onselect="google.script.run.withUserObject(this.parentNode).SignOutLibrary.dateSelect()"/>
    </div>

    <div>
      Details: 
      <textarea type="text" name="details" style="width: 150px; height: 75px;"></textarea>
    </div>

    <div>
      <input type="button" value="Submit"
        onclick="google.script.run
             .sendRequest(this.parentNode)"/>
    </div>
  </form>
</html>

它应该调用的脚本：

function doGet() {
  // Uses html form
  return HtmlService.createHtmlOutputFromFile('request_form');
}

签出库：

function dateSelect() {
  var app = UiApp.createApplication();
  var handler = app.createServerHandler("change");
  var date = app.createDatePicker().setPixelSize(150, 150).addValueChangeHandler(handler).setId("date");
  app.add(date);
  return app;
}

function change(eventInfo) {
  var app = UiApp.getActiveApplication();
  app.add(eventInfo.parameter.date);
  return app;
}
4

2 回答 2

0

尝试使用 this.form 更改代码中的所有 this.parentNode

我很快查看了文档，也许它会起作用，抱歉，我现在无法测试我的答案

于 2013-07-04T13:57:57.337 回答
0

你没有显示populate()- 希望你确实有这样的功能。如果你这样做了，那么你的下一个任务就是找到一种方法来获取destination你作为参数传递的值。以目前的形式，它是未定义的。请参阅使用 JavaScript 在下拉列表中获取选定值？.

您不能直接使用脚本运行程序调用库函数，请参阅Private Functions上的位。您需要将中间函数添加到“本地”gs 以与库函数（例如SignOutLibrary.dateSelect().

该库使用 UiApp，而您的其余代码使用 Html 服务。选择一个或另一个，因为你不能像这样混合它们。

于 2014-01-15T18:34:44.617 回答