0

我在 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 事件中定义这样的事情?它也不能在初始化时呈现。

4

1 回答 1

0

如果您想避免组件渲染,您可以尝试隐藏您的子面板并在单击 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);
    });
于 2019-04-29T16:40:32.347 回答