Question

我使用的是 Wicket 8.10。

我有一个 Wicket 组件，我想根据某些外部条件动态隐藏或显示它。为此，我有以下代码：

var mccc = new MyCoolCustomComponent("component"); // Custom component I wrote
mccc.setOutputMarkupId(true);
mccc.setOutputMarkupPlaceholderTag(true);
mccc.setVisible(false); //Should be hidden initially

var container = new WebMarkupContainer("container");
container.setOutputMarkupId(true);
container.setOutputMarkupPlaceholderTag(true);
container.add(mccc);

add(container);

var updateTimer = new AbstractAjaxTimerBehavior(Duration.seconds(1)) {
  @Override
  protected void onTimer(AjaxRequestTarget target) {
    if(FooSingleton.instance().isBar()) {
      mccc.setVisible(true);
    } else {
      mccc.setVisible(false);
    }
    target.add(mccc);
  }
};
container.add(updateTimer);

对应的 HTML 如下所示：

<div wicket:id="container" >
    <div wicket:id="component"/>
</div>

我期望发生的事情：组件最初是隐藏的。当 isBar() 返回 true 时，组件显示出来，一旦它再次返回 false，它就会隐藏起来。

实际发生的情况：组件最初是隐藏的。一旦 isBar() 变为 true，它就会显示，但一旦 isBar() 返回 false，不会变得不可见。

我也想过使用 AttributeModifier 来使用 CSS display 属性，但我找不到如何更改修饰符的值。

Answer 1

我用 CSS 解决了这个问题：

mccc.add(new AttributeModifier("style",
  () -> {
    if (FooSingleton.instance().isBar()) {
      return "";
    }
    return "display: none;";
  }));

我确定这个解决方案不是很好，但它现在有效。

通过 AbstractAjaxTimerBehavior 控制 wicket 组件的可见性

1 个答案: