User interface ModelsDialog中的Google电子表格脚本刷新表

User interface ModelsDialog中的Google电子表格脚本刷新表,user-interface,google-apps-script,refresh,modeless-dialog,User Interface,Google Apps Script,Refresh,Modeless Dialog,因此,我尝试使用“ModelessDialog”创建一个“搜索框”,主要思想如下 1) 用户运行一个宏,弹出一个ModelessDialog,其中包含以下字段:自动完成、搜索按钮和表格(空,仅带标题) 2) “自动完成”字段是用户可以键入“ID”的地方(这部分已经完成) 3) 其思想是,当选择ID时,按“搜索”按钮在后台运行一些其他宏,然后返回填充表和刷新当前“ModelsDialog”所需的数据 这样做的想法是,我不想打开/呈现整个页面,因为我希望速度一样快,而且不必在窗口之间“跳转” 有什么

因此,我尝试使用“ModelessDialog”创建一个“搜索框”,主要思想如下

1) 用户运行一个宏,弹出一个ModelessDialog,其中包含以下字段:自动完成、搜索按钮和表格(空,仅带标题) 2) “自动完成”字段是用户可以键入“ID”的地方(这部分已经完成) 3) 其思想是,当选择ID时,按“搜索”按钮在后台运行一些其他宏,然后返回填充表和刷新当前“ModelsDialog”所需的数据

这样做的想法是,我不想打开/呈现整个页面,因为我希望速度一样快,而且不必在窗口之间“跳转”

有什么建议吗?(我没有添加任何代码,因为我对代码/html的其余部分没有任何问题,因为autocomplete自动填充,按钮运行宏并返回一些数据)


另外,我在javascript和html方面有点新(我遵循教程使其他部分正常工作:D)

驻留在无模式对话框中的客户端JS代码可以通过google.script.run调用服务器端函数。服务器函数可以获取填充表所需的数据,执行字符串插值,并将HTML字符串返回给客户端。 只需为google.script.run设置回调函数,即可修改从服务器收到的表的内容

无模式对话框HTML

  <div id="myTable">
    <table>
      <!-- table contents -->
    </table>
   </div>
有关客户端-服务器通信的更多信息
更多关于模板化html的信息驻留在无模式对话框中的客户端JS代码可以通过google.script.run调用服务器端函数。服务器函数可以获取填充表所需的数据,执行字符串插值,并将HTML字符串返回给客户端。 只需为google.script.run设置回调函数,即可修改从服务器收到的表的内容

无模式对话框HTML

  <div id="myTable">
    <table>
      <!-- table contents -->
    </table>
   </div>
有关客户端-服务器通信的更多信息 更多关于模板化html的信息

看一看这是一个带有无模式搜索对话框的完整示例看一看这是一个带有无模式搜索对话框的完整示例