Wicket - 在点击事件时使用可加载的可拆卸模型初始化组件

Question

我在 Panel 的构造函数中添加 ChildPanel。当 Panel 加载时，子面板将使用 getData() 返回的数据呈现。下面是代码。

面板

public Panel(String aId, IModel<String> model)
    {

        super(aId);

        this.model = model;
        childPanel = new ChildPanel(MID, LoadableDetachableModel.of(this::getData));

        childPanel.setOutputMarkupId(true);
        add(childPanel);

    }
LambdaAjaxButton button = new LambdaAjaxButton("button",
        (_target, _form) -> {

            //

        });

子面板

 public ChildPanel(String aId, LoadableDetachableModel<String> loadableDetachableModel)

    {

        super(aId);

        childModel = loadableDetachableModel;

        component = new WebMarkupContainer(MID_COMPONENT_CONTAINER);
        component.setOutputMarkupId(true);
        add(component);

    }

我希望 ChildPanel 仅在我单击按钮时呈现，而以前从未呈现。如何在 onClick 事件中定义这样的事情？它也不能在初始化时呈现。

Answer 1

如果您想避免组件渲染，您可以尝试隐藏您的子面板并在您单击 AJAX 按钮时使其可见。您还应该使用 LambdaModel 而不是 LoadableDetachableModel 以便懒惰地调用 getData。像这样的：

public Panel(String aId, IModel<String> model)
{

    super(aId);

    this.model = model;
    childPanel = new ChildPanel(MID, LambdaModel.of(this::getData));
    childPanel.setVisible(false);


    childPanel.setOutputMarkupPlaceholderTag​(true);
    add(childPanel);

}
LambdaAjaxButton button = new LambdaAjaxButton("button",
    (_target, _form) -> {

        childPanel.setVisible(true);
        _target.add(childPanel);
    });