是否可以在另一个面板中嵌入使用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之外的其他容器中从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”）。

结果如下：