0

我正在使用wicket 1.4，并且我有两个ajax 链接A 和B。我想交替显示它们，我的意思是当我单击链接B 时，A 可见性设置为false（A 消失），反之亦然。我尝试了链接setVisibility()的OnClick()方法，但它不起作用，也就是说，一个组件只消失了，可见性只是被停用从未激活：setVisible(false)在onClick()方法中有效而setVisible(true)不是。你能帮助我吗？？

4

3 回答 3

2

您可以通过重新定义两个链接的 isVisible 方法来实现它。当单击一个链接时，您只需更改布尔变量并重新绘制链接。

这是一个草稿，但我几乎不记得类和方法的名称：

// indicates which link is showed
boolean showA;
// I don't remember exactly the class name
AjaxLink linkA, linkB;

// For each link redefine onClick and isVisible
linkA = new AjaxLink() {
  @Override boolean isVisible() { return showA; }
  @Override void onClick(target) {
     showA = false;
     target.addComponent(linkA);
     target.addComponent(linkB);
  }
}
linkB = new AjaxLink() {
  @Override boolean isVisible() { return !showA; }
  @Override void onClick(target) {
     showA = true;
     target.addComponent(linkA);
     target.addComponent(linkB);
  }
}
于 2013-10-14T08:37:31.867 回答
2

就像@polypiel 的回答一样，但设置可见性onConfigure()是最佳实践。

public class MyPanel extends Panel{

   private boolean showLinkA = true;
   AjaxLink aLink;
   AjaxLink bLink;

   public MyPanel(String id) {
      super(id);
      add(aLink = aLink());
      add(bLink = bLink());
   }

   private AjaxLink aLink() {
      AjaxLink al = new AjaxLink("aLink") {

         @Override
         protected void onConfigure() {
            super.onConfigure();
            setVisible(showLinkA);
         }

         @Override
         public void onClick(AjaxRequestTarget target) {
            showLinkA = false;
            target.add(aLink, bLink);
         }
      };
      al.setOutputMarkupPlaceholderTag(true);
      return al;
   }

   private AjaxLink bLink() {
      AjaxLink bl = new AjaxLink("aLink") {

         @Override
         protected void onConfigure() {
            super.onConfigure();
            setVisible(!showLinkA);
         }

         @Override
         public void onClick(AjaxRequestTarget target) {
            showLinkA = true;
            target.add(aLink, bLink);
         }
      };
      bl.setOutputMarkupPlaceholderTag(true);
      return bl;
   }

}
于 2013-10-14T13:32:54.343 回答
1

您可以尝试使用 jQuery 方法show()和hide(). 更多细节在这里和这里。

于 2013-10-14T08:20:51.267 回答