Google Apps 脚本中的简单弹出窗口或对话框

我正在寻找简单的代码，在我的 Google Apps 脚本 Ui 中添加一个弹出窗口，当我点击提交按钮时会出现该弹出窗口。弹出框将显示一条消息并有一个用于关闭弹出窗口的按钮。

我已经看遍了所有地方 - 一切看起来都很复杂，而且做的事情比我需要做的要多得多。

这是我用于提交按钮的当前代码。

     function doGet() {
       var app = UiApp.createApplication();
       app.setTitle("My Logbook");

       var hPanel_01 = app.createHorizontalPanel();
       var vPanel_01 = app.createVerticalPanel();
       var vPanel_02 = app.createVerticalPanel();
       var vPanel_03 = app.createVerticalPanel();

       var submitButton = app.createButton("Submit");

       //Create click handler
       var clickHandler = app.createServerHandler("submitData");
       submitButton.addClickHandler(clickHandler);
       clickHandler.addCallbackElement(hPanel_01);


       ////Test PopUp Panel
       var app = UiApp.getActiveApplication();
       var app = UiApp.createApplication;
       var dialog = app.createDialogBox();
       var closeHandler = app.createClientHandler().forTargets(dialog).setVisible(false);
       submitButton.addClickHandler(closeHandler);

       var button= app.createButton('Close').addClickHandler(closeHandler);

       dialog.add(button);
       app.add(dialog);
       //////



       return app;
     }

Since UiApp已折旧，HTML服务应用于创建自定义用户界面。

要提示简单的弹出窗口显示消息，请使用alert的方法Ui class

var ui = DocumentApp.getUi();
ui.alert('Hello world');

将提示简单的弹出窗口，其中包含 hello world 和 ok 按钮。

要在Dialog中显示自定义的html模板，请使用HTMLService创建模板，然后将其传递给showModalDialogUi类的方法

var html = HtmlService.createHtmlOutput("<div>Hello world</div>").setSandboxMode(HtmlService.SandboxMode.IFRAME);
DocumentApp.getUi().showModalDialog(html, "My Dialog");

HtmlService.createHtmlOutputFromFile允许您显示位于单独文件中的 html。看到文档