通过 AbstractAjaxTimerBehavior 控制检票口组件的可见性

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;";
  }));

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