How to close a window in GWT

Question

I was required to put a "Done" button in a GWT Composite (despite already having the close icon), it should simply close the window upon clicking. Unfortunately, I can't find a .close() method to implement it. How can it be done?

enter image description here

I have a UserDialog class that contains a Composite component, which I named UserComposite. UserDialog extends to CustomDialogBox, which extends to DialogBox class:

public class UserDialog extends CustomDialogBox {    
    private UserComposite c = new UserComposite();
    // more codes here
    private FlowPanel getFlowPanel() {
        if (p instanceof Panel && c instanceof Composite) {
            p.setSize(WIDTH, HEIGHT);
            p.add(c);
        }
        return p;
    } 
}

and then this is my UserComposite

public class UserComposite extends Composite {
   // codes here
   @UiHandler("doneButton")
   void onDoneButtonClick(ClickEvent event) {
      this.removeFromParent();
   }
}

I tried removeFromParent() but the UserComposite was only removed from parent which resulted to an empty DialogBox.

enter image description here

RAS · Answer 1 · 2012-10-01T13:03:25.370

4

@Mr. Xymon, By window if you mean instance of PopupPanel or instance of any subclass of PopupPanel, you can use the following :

popupPanel.hide();

edited Oct 01 '12 at 13:03

answered Sep 29 '12 at 08:03

RAS

8,100
16
64
86

It's an instance of Composite. **public class UserComposite extends Composite { }** – Mr. Xymon Sep 29 '12 at 08:04
@Mr.Xymon Try calling `widget.removeFromParent();` – RAS Sep 29 '12 at 08:09
I just tried that but it only removed the component, which resulted with an empty DialogBox. I updated my question and added screenshots. – Mr. Xymon Sep 29 '12 at 10:31
4

@Mr.Xymon, that's it. Ultimately it's a DialogBox and DialogBox is a PopupPanel. – RAS Sep 29 '12 at 10:38

score 4 · Accepted Answer · answered Sep 29 '12 at 16:50

4

You need to hide the dialog, not the composite. One way to do this is to pass a reference to the dialog box to the UserComposite constructor, and then use that reference to call hide() on the dialog. It could be something along these lines:

public class UserDialog extends CustomDialogBox {
    private UserComposite c = new UserComposite(this);
    ...
}

public class UserComposite extends Composite {
    private DialogBox parentDialog;

    public UserComposite(DialogBox parentDialog) {
        this.parentDialog = parentDialog;
    }

    @UiHandler("doneButton")
    void onDoneButtonClick(ClickEvent event) {
        parentDialog.hide();
    }
}

answered Sep 29 '12 at 16:50

David Levesque

22,181
8
67
82

+1 This is basically how it's done. It can be improved by defining a CloseCallback interface (so the UserComposite doesn't have to know the entire UserDialog class). Or by using MVP. – Chris Lercher Sep 29 '12 at 17:15
Thanks a lot David. I found a way with *removeFromParent()* but I now prefer your solution. – Mr. Xymon Oct 05 '12 at 09:31

How to close a window in GWT

2 Answers2