google-apps-script - 是否可以在另一个面板中嵌入使用 GUI 构建器构建的 GUI？

Question

我已经使用 GUI Builder 创建了一些 GUI 部件，我想将它们嵌入到我的脚本面板中，而不是直接将它们添加到应用程序中。但显然，这样的代码不起作用：

  var app = UiApp.createApplication();
  var vp = app.createVerticalPanel();
  vp.add(app.loadComponent("myGUI"));
  app.add(vp);
  return app;

是否可以（或是否可以）将 GUI Builder 中的 GUI 添加到应用程序以外的其他容器中？

谢谢！

Answer 1

你可以像在这个例子中那样做

function doGet() {
  var app = UiApp.createApplication()
  var Panel = app.createAbsolutePanel().setStyleAttribute('background', 'beige').setPixelSize(400,600);
  var label = app.createLabel('gui test')
  var gui = app.loadComponent('MyGui')
  Panel.add(app.getElementById('VerticalPanel1'))
  Panel.add(label)
  app.add(Panel)
  return app
  }

GUI 看起来像这样：

我没有添加组件，而是添加了包含所有其他小部件的面板（在本例中为“VerticalPanel1”）。

结果如下所示：