ModelessDialog 中的 Google 電子表格腳本刷新表

Question

所以我正在嘗試使用“ModelessDialog”創建一個“搜索框”，主要思想如下

1) 用戶運行一個宏，彈出一個帶有以下字段的 ModelessDialog：自動完成、搜索按鈕和表格（空的，只有標題） 2）“自動完成”字段是用戶可以輸入“ID”的地方，（這部分已經完成了）3）思路是，當ID被選中時，按“搜索”按鈕在后台運行一些其他的宏，然后返回填充表格所需的數據並刷新當前的“ModelessDialog”

這樣做的想法是我不想打開/渲染整個頁面，因為我希望速度一樣快，而不必在窗口之間“跳轉”

有什么建議嗎？ （我沒有添加任何代碼，因為我對其余代碼/html 沒有任何問題，因為自動完成自動填充，並且按鈕運行宏並返回一些數據）

我也是 javascript 和 html 的新手（我按照教程使其他部分工作：D）

Answer 1

駐留在無模式對話框中的客戶端 JS 代碼可以通過google.script.run調用服務器端函數。 服務器函數可以獲取填充表格所需的數據，執行字符串插值並將 HTML 字符串返回給客戶端。 只需為 google.script.run 設置回調函數即可修改從服務器接收到的表格內容。

無模式對話框 HTML

  <div id="myTable">
    <table>
      <!-- table contents -->
    </table>
   </div>

對話框的JS腳本：

  google.script.run.withSuccessHandler(function(html){

      var tableContainer = document.getElementById("myTable");
      tableContainer.innerHTML = html;

  }).getTableData();

更多關於客戶端，客戶端服務器通信這里更多關於HTML模板這里