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模板这里