显示SplitLayoutPanel及其子元素

Question

我似乎无法使SplitLayoutPanel显示其子元素。 正如文档中指出的那样，GAS似乎支持此类。

https://developers.google.com/apps-script/class_splitlayoutpanel

这是我尝试的代码。 任何建议将不胜感激。 我的假设是，这为用户提供了一个拆分器，用户可以拖动它们来调整面板的大小（这对于我要使用的功能非常理想。左侧面板带有右侧面板，具有更多详细信息。

        function doGet(e) { 
  var app = UiApp.createApplication();
  //code goes here   

  var mainPanel = app.createSplitLayoutPanel().setId('mainPanel')
    .setVisible(true);
  app.add(mainPanel);

   var eastPanel = app.createVerticalPanel().setId('eastPanel');
  eastPanel.add(app.createLabel('eastPanel loaded'));
  mainPanel.addEast(eastPanel, 500);

  var westPanel = app.createVerticalPanel().setId('westPanel');
  westPanel.add(app.createLabel('westPanel loaded'));
  mainPanel.addWest(westPanel, 500);


  return app;
}

我错过了什么？

Answer 1

单行mainPanel.setSize('100%', '100%'); 错过了。 以下代码有效。

function doGet(e) { 
  var app = UiApp.createApplication();
  //code goes here   

  var mainPanel = app.createSplitLayoutPanel().setId('mainPanel')
    .setVisible(true);
  mainPanel.setSize('100%', '100%');
  app.add(mainPanel);

   var eastPanel = app.createVerticalPanel().setId('eastPanel');
  eastPanel.add(app.createLabel('eastPanel loaded'));
  mainPanel.addEast(eastPanel, 500);

  var westPanel = app.createVerticalPanel().setId('westPanel');
  westPanel.add(app.createLabel('westPanel loaded'));
  mainPanel.addWest(westPanel, 500);

  return app;
}