通过该布局上的子按钮更改父布局

Question

我在通过单击位于该面板上的按钮上的事件来更改选项卡面板布局时遇到问题。主要思想是在每个选项卡面板上的小面板上都有自定义菜单（新建、打开、删除）。当您单击按钮时，选项卡面板布局将更改为表单（例如）。我不想使用模式窗口或新窗口，只需通过单击按钮将选项卡面板布局（内容）更改为其他内容。

Answer 1

这是错误的指定问题 - 您应该询问如何通知父组件。
下面有两个例子展示了如何实现你的目标。第一个实现按照 Jens Janssons 在 vaadin 论坛上的建议进行，您将 ClickListener 作为构造函数参数传递给第二个面板。请注意，为了能够从外部面板中移除组件，您需要外部面板和内部面板的引用。在此示例中，Kim Lappanen 将引用存储在类变量中。请注意，实际上使用了 Horizo​​ntalLayout 作为您所谓的“面板”，您可以更改它。

public class TestcaseApplication extends Application implements ClickListener {
    private static final long serialVersionUID = 75232258896642392L;

    private final HorizontalLayout mainLayout = new HorizontalLayout();
    private final YourPanel panel = new YourPanel(this);

    @Override
    public void init() {
        setTheme("example");
        Window mainWindow = new Window("Playground Application");
        setMainWindow(mainWindow);

        mainWindow.setContent(mainLayout);

        mainLayout.addComponent(panel);
    }

    public void buttonClick(ClickEvent event) {
        mainLayout.removeComponent(panel);
    }

    public class YourPanel extends Panel {

        public YourPanel(ClickListener listener) {
            super();
            addComponent(new Button("Remove", listener));
        }
    }
}

另一个例子是直接在内部面板中实现 ClickListener。在 ButtonClick 方法中，我只需调用 getParent() （返回输出布局），然后将其自身从该布局中删除。

public class TestcaseApplication extends Application {
    private static final long serialVersionUID = 75232258896642392L;

    @Override
    public void init() {
        setTheme("example");
        Window mainWindow = new Window("Playground Application");
        setMainWindow(mainWindow);

        HorizontalLayout mainLayout = new HorizontalLayout();
        mainWindow.setContent(mainLayout);

        mainLayout.addComponent(new YourPanel());
    }

    public class YourPanel extends Panel implements ClickListener {

        public YourPanel() {
            super();
            addComponent(new Button("Remove", this));

        }

        public void buttonClick(ClickEvent event) {
            ((ComponentContainer) getParent()).removeComponent(this);
        }
    }

}