google-apps-script - 在 Google App Maker 中，如何显示 snackbar 消息？

Question

我目前正在尝试使用 Google App Maker 构建应用程序。用户点击“创建”按钮后，根据文件发送成功与否，弹出 snackbar 应显示“文件已成功发送”或“出了点问题。文件未发送”。我想在最终部署的应用程序(无底部控制台日志)中向用户指示他们的文件是否已发送。我不知道该怎么做。我已经尝试创建单独的预创建 snackbar (一个成功，一个失败)并让 clientscript 函数根据从 serverscript 函数返回的内容显示其中一个。但是，我不知道如何显示它们。如何在客户端脚本函数中显示 snackbar 弹出窗口？感谢您的帮助!

Answer 1

请按照以下步骤显示 Snackbar 页面。

1. 在您的应用制作工具中创建一个 Snackbar 页面。为了单击“页面”部分上的左侧面板“+”按钮。
2. 选择弹出窗口。单击“下一步”按钮。在下一页上选择“Snackbar”并单击“创建”。
3. 这将为您创建一个 snackbar 页面。打开 snackbar 页面。在底部，您可以看到一个文本框，它将显示您的自定义消息。给它绑定(bind)一个函数。显示如下。
4. 现在在客户端脚本中添加以下代码来配置 Snackbar。

这将为您创建一个可重复使用的 snackbar ，用于所有不同的消息。

//Client Script
var notificationText='';
function setNotificationText(text)
{
  notificationText=text;
}
function getNotificationText()
{
  return notificationText;
}

每当发生任何事件时，将以下代码添加到 Display Snackbar。

setNotificationText('Congratulations!!! You have successfully showcased SnackBar');
app.popups.Snackbar.visible = true;  //Snackbar is page name.

这里配置 Snackbar 代码是可选的，只是为了多条消息重用一个页面。您可以通过在客户端脚本中添加 app.popups.Snackbar.visible = true; 代码来直接展示 Snackbar 页面。