显示PopupPanel

Question

三个问题：

1. 为什么我的popupPanel不能正确显示？
2. 如果多次单击，我如何才能使它出现一次？
3. 如何向popupPanel添加一个关闭按钮？

function showPassword(e){
  var app = UiApp.getActiveApplication();
  var vrtPanel = app.getElementById("vrtPanel");
  //Create Spreadsheet Source

  var spSheet = SpreadsheetApp.openById('0Aur3owCpuUY-dF92dGp3c2RORGNkY011dGFnMjBXbXc');
  var spTeacherList = spSheet.getSheetByName('TeacherList');

  //Create the form elements
  var hdlTeacherName = app.createServerHandler('getTeacherName').addCallbackElement(vrtPanel);
  var lbxTeacherName = app.createListBox().setId('lbxTeacherName').setName('lbxTeacherName').addChangeHandler(hdlTeacherName);
  var lstTeacherNames = spTeacherList.getRange(1,1,spTeacherList.getLastRow(),1).getValues();
  lstTeacherNames.sort();

  for (var l = 0; l < lstTeacherNames.length; l++) {
    lbxTeacherName.addItem(lstTeacherNames[l],l);
  }

  var lblTeacherName = app.createLabel('Teacher Name:');
  var txtTeacherName = app.createTextBox().setName('txtTeacherName').setId('txtTeacherName').setVisible(false);

  var lblExt = app.createLabel('Ext:');
  var txtExt = app.createTextBox().setName('txtExt').setId('txtExt');

  var lblEmail = app.createLabel('Email:');
  var txtEmail = app.createTextBox().setName('txtEmail').setId('txtEmail');

  var lblSchool = app.createLabel('School:');
  var txtSchool = app.createTextBox().setName('txtSchool').setId('txtSchool');

  var btnCreate = app.createButton('Create Event');

  //Create validation handler
  var valSubmit = app.createServerClickHandler('valSubmit');
  valSubmit.addCallbackElement(vrtPanel);

  //Add this handler to the button
  btnCreate.addClickHandler(valSubmit);

  //Add all the elemnts to the panel
  var formTable = app.createFlexTable().setCellPadding(3);
  vrtPanel.add(formTable);
  formTable
  .setWidget(0,0,lbxTeacherName)
  .setWidget(0,1,txtExt)
  .setWidget(0,2,txtTeacherName)
  .setWidget(1,0,txtEmail)
  .setWidget(2,0,btnCreate);

  //Add all the panel to the popup
  var popPassword = app.createDecoratedPopupPanel(false, true).setId("popPassword");
  popPassword.add(vrtPanel);

  app.add(vrtPanel);
  app.add(popPassword);
  return app;
}

Answer 1

您使用popupPanel的方式有些混乱，您必须将它添加到主面板中，并将要在其中显示的表添加到弹出窗口本身。你也应该决定你要在哪里展示它。下面是代码工作的相关部分：

  //Add all the elemnts to the panel
  var formTable = app.createFlexTable().setCellPadding(3);
  formTable
  .setWidget(0,0,lbxTeacherName)
  .setWidget(0,1,txtExt)
  .setWidget(0,2,txtTeacherName)
  .setWidget(1,0,txtEmail)
  .setWidget(2,0,btnCreate);

  var popPassword = app.createDecoratedPopupPanel(false, true).setPopupPosition(150,300).setId("popPassword");

  vrtPanel.add(popPassword.add(formTable));

  popPassword.show();
  return app;
} 

要回答第二点: il不会多次出现，只出现一次。

第3点:如果您想用一个按钮关闭它，您必须添加一个按钮和一个服务器处理程序来关闭它(就像任何其他小部件一样，用ID获得它)，但是利用自动隐藏特性更容易和用户友好，只需更改定义参数如下：

  var popPassword = app.createDecoratedPopupPanel(true).setPopupPosition(150,300).setId("popPassword");

编辑:上面示例中的也可以使用

app.getElementById('popPassword').hide() 

在您的“valSubmit”函数(由按钮调用)中，即使没有自动隐藏，弹出窗口在执行处理程序函数时也会隐藏。