0

全部，

我正在尝试实现一个包含多个子面板的 StackPanel 来收集用户数据。每个子面板（我将它们命名为 SwapRecordPanels）代表 Google 电子表格中的一行，其中包含两个想要交换工作日期的人的数据。SwapRecordPanels 包含一个删除按钮。单击删除按钮时，我希望 SwapRecordPanel 将自身从 StackPanel 中删除。

但是，我发现当我尝试从 StackPanel 中删除元素时，更改不会在 GUI 中注册。为了证明我可以删除 StackPanel 中的元素的概念，我添加了一个名为“Click Me”的额外按钮。正如您在下面的代码中看到的，它的处理程序尝试从 StackPanel“LeftPanel”中删除一个元素。但是，当我单击按钮时，“LeftPanel”保持不变。我想知道是否需要调用某种刷新/重绘方法来更新 GUI。如果没有，有人可以提供任何建议吗？任何帮助将不胜感激。

function myViewer() {
  var myapp = doGet();
  SpreadsheetApp.getActive().show(myapp)
}

function doGet() {
  var myapp = UiApp.createApplication();

  var LeftPanel = myapp.createStackPanel().setId("LeftPanel");
  var LeftScrollPanel = myapp.createScrollPanel(LeftPanel).setPixelSize(410,200)
  myapp.add(LeftScrollPanel)

  var SwapPane1 = SwapRecordPanel(LeftPanel);
  var SwapPane2 = SwapRecordPanel(LeftPanel);
  LeftPanel.add(SwapPane1,"Test 1 Header");
  LeftPanel.add(SwapPane2, "Test 2 Header");

  var myButton = myapp.createButton("Click    Me").addClickHandler(myapp.createServerHandler("ButtonClicker"));
  myapp.add(myButton);

  return myapp;
}

function ButtonClicker()
{
  Logger.log("I was clicked")
  var myapp = UiApp.getActiveApplication();
  var LeftPanel = myapp.getElementById("LeftPanel");
  LeftPanel.remove(myapp.getElementById("panel1"));
}
4

1 回答 1

0

您必须从处理程序函数“返回”对应用程序的更改才能更新 UI。

只需在函数return myapp;末尾添加即可。ButtonClicker()

于 2013-08-09T06:33:49.860 回答