谷歌腳本確認彈出成功消息

Question

如何在下面的 html 表單和腳本中為 updateData function 添加確認彈出消息。

單擊Submit Button后用戶已成功更新 例如： {User} has been updated ，用戶名在電子表格的Column B中。 單擊Delete Button后成功刪除用戶時 例如： {User} has been deleted ，用戶名在電子表格的Column B中。

Update User

function updateData(values, spreadsheetId, range) {
  var colDailyChanges = 9;
  var colDailyLogs = 10;
  values[0][colDailyLogs - 1] = values[0][colDailyLogs - 1] ? `${values[0][colDailyLogs - 1]}\n${values[0][colDailyChanges - 1]}` : values[0][colDailyChanges - 1];
  values[0][colDailyChanges - 1] = "";

  var valueRange = Sheets.newValueRange();
  valueRange.values = values;
  var result = Sheets.Spreadsheets.Values.update(valueRange, spreadsheetId, range, { valueInputOption: "RAW" });
}

Delete User

function deleteData(el) {
    var result = confirm("Want to delete?");
    if (result) {
      var recordId = el.parentNode.parentNode.cells[2].innerHTML;
      google.script.run.withSuccessHandler(createTable).deleteData(recordId);
    }
  }

Html

    <div class="form-group">
        <label for="name" >Name</label>
        <input type="text" class="form-control" id="name" name="name" placeholder="Name" required>
    </div>
  <div class="form-group">
        <label for="last" >Last</label>
        <input type="text" class="form-control" id="last" name="last" placeholder="Last" required>
    </div>

<button type="submit" class="btn btn-primary">Submit</button>

電子表格和 Google 腳本鏈接

https://docs.google.com/spreadsheets/d/1tyz_3WeEkmY4WX8Xvx38nkLow8hcbCjPMLS1-NiPFgo/edit?usp=sharing

Answer 1

我想我會考慮把它放在這個 function 的 SuccessHandler 中：

function handleFormSubmit(formObject) {
    google.script.run.withSuccessHandler(function() {
      createTable();
      //launch dialog here with window.open or JQuery Dialogs or even possibly a previously hidden message div
    })
    .processForm(formObject);
    document.getElementById("myForm").reset();
  }