检票口滑动面板/div/x

Question

我正在创建我的第一个检票口应用程序，并想在此添加一些引人注目的东西。我有一个面板，应该隐藏，直到单击链接/按钮，这应该触发幻灯片动画并显示面板。

在 jQuery 中，这将很简单：$.slideToggle() 是否有为 wicket 组件内置的东西？

Answer 1

我会使用 AjaxFallbackLink。
要使面板出现，您应该重写 onClick 方法。像这样的东西

WebMarkupContainer hiddenPanel = // create your panel
hiddenPanel.setOutMarkupPlaceHolderTag(true);
hiddenPanel.setVisible(false)
...
AjaxFallbackLink myLink = new AjaxFallbackLink ("myLink") {

  public void onClick(AjaxRequestTarget target) {
    hiddenPanel.setVisible(true);
    target.addComponent(hiddenPanel);
  }
};

这就是它的基础知识。当您单击链接时，您的 onClick 方法将被调用，hiddenPanel 将在网页中呈现。

注释后编辑的代码。谢谢马丁。