17、谷歌应用脚本UI元素示例详解

GAS常用UI元素详解

uran

于 2025-12-04 03:52:06 发布

阅读量7

点赞数

CC 4.0 BY-SA版权

分类专栏：用Google脚本重塑办公文章标签：谷歌应用脚本 UI元素列表框

本文链接：https://blog.youkuaiyun.com/uran/article/details/155546577

用Google脚本重塑办公专栏收录该内容

17 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

谷歌应用脚本UI元素示例详解

在开发谷歌应用脚本（Google Apps Script，简称GAS）的Web应用时，UI元素的使用至关重要。它能让用户与应用进行交互，提升用户体验。本文将详细介绍GAS中常见的UI元素及其使用方法。

列表框（List Box）

列表框是用户从长选项列表中选择项目的理想工具。它不仅能节省空间，还能让用户清晰看到所选内容。列表框有两种工作方式：
- 选择时触发（On select） ：用户做出选择后立即触发处理程序，可用于显示更多选项或切换面板。
- 通过处理程序传递值（Static choice） ：选择的值保持选中状态，关闭列表，适合用户完成其他交互后通过处理程序传递所有值。

以下是一个包含 onChange 处理程序的示例代码：

function doGet(e) {
  var app = UiApp.createApplication(); 
  var dropDownList = app.createListBox().setName('list');
  var infoLabel = app.createLabel('click to change').setId('infoLabel');
  dropDownList.addItem("one");
  dropDownList.addItem("two");
  dropDownList.addItem("three");

  var handler = app.c