Stop close modal window

answered 2014-07-18 09:39:58 +0800

cyiannoulis
1201 ● 10

All you have to do is to stop propagation of the "close" event and then ask for a user confirmation using an event listener. Here is a complete example:

A simple main page:

<?page title="Main Page" contentType="text/html;charset=UTF-8"?>
<zk>
<window title="Main Page" border="normal" 
        apply="org.zkoss.bind.BindComposer" 
        viewModel="@id('vm') @init('MainPageVM')">

    <button label="Open Modal Window" onClick="@command('open-modal-window')" />

</window>
</zk>

and a view model:

public class MainPageVM {

    @Command("open-modal-window")
    public void openModalWindow() {
        Executions.createComponents("modal-window.zul", null, null);        
    }

}

And here is the modal dialog:

<?page title="Modal Window" contentType="text/html;charset=UTF-8"?>
<zk>
<window id="winDialog"
        title="Modal Window" border="normal"
        mode="modal"
        width="400px" height="400px"
        closable="true"
        onClose="@command('close')"     
        apply="org.zkoss.bind.BindComposer" 
        viewModel="@id('vm') @init('ModalWindowVM')">

    <separator height="50px"></separator>
    <div align="center">
        Press the close button to return
    </div>

</window>
</zk>

And the view model:

public class ModalWindowVM {

  @Command("close")
  public void onClose(@SelectorParam("#winDialog") final Component window, 
              @ContextParam(ContextType.TRIGGER_EVENT) Event e) 
  {
     e.stopPropagation();
     Messagebox.show("Are you sure you want to close this window?", "Cancel", 
              new Messagebox.Button[]{Messagebox.Button.YES, Messagebox.Button.NO }, 
              Messagebox.QUESTION, 
              new EventListener<Messagebox.ClickEvent>() {
            @Override
            public void onEvent(ClickEvent event) throws Exception {
              if (Messagebox.Button.YES.equals( event.getButton() ))
                  window.detach();
            }
              });
     }
}

Hope that helps

Costas