google-apps-script - 有多少个回调元素？

Question

考虑下面这段简单的代码

function doGet(){
  var app = UiApp.createApplication();
  var panel = app.createVerticalPanel();
  var handler = app.createServerHandler('click').addCallbackElement(panel);
  var btn = app.createButton('Click', handler);

  panel.add(button);
  app.add(panel);
  return app;
}

只有一个面板，回调元素是单独的面板。但是，当您有许多用于不同目的的面板时，更好的方法是什么 - 添加多个回调元素或将所有各种面板添加到单个“主”面板中并将主面板添加为回调元素。 这些方法的优缺点是什么？

下面是一些代码示例

选项 1:

function doGet(){
  ...
  var panel1 = app.createVerticalPanel();
  var panel2 = app.createVerticalPanel();

  var handler = app.createServerHandler('click')
     .addCallbackElement(panel1) 
     .addCallbackElement(panel2) ; // Notice two callback elements added here 
  var btn = app.createButton('Click', handler);

  ...
  return app;
}

选项 2:

function doGet(){
  ...
  var masterPanel = app.createVerticalPanel();
  var panel1 = app.createVerticalPanel();
  var panel2 = app.createVerticalPanel();

  var handler = app.createServerHandler('click')
     .addCallbackElement(masterPanel) ;

  var btn = app.createButton('Click', handler);

  masterPanel.add(panel1).add(panel2); // Master panel has both panels added to it      
  ...
  return app;
}

一种选择比另一种更好吗？

Answer 1

选项 2 在脚本中更容易编写 ;-) 并确保您不会忘记(最终)一长串回调元素中的某些内容。

但两者的工作原理是一样的。