How to warn user about unsaved changes?

answered 2014-09-09 09:07:06 +0800

Darksu
1991 ● 1 ● 4

Hello sgoli,

A good practice in order to solve your problem would be the following:

1. Logically you are using a domain model for all the elements of the form. Thus you will keep a domain model for the initial version (will keep all the values from the components)

2. Create a domain model for the new version (will store all the changes of the components)

3. Add some additional logic to the buttons that are used for the redirection in order to compare the old version with the new version of the domain model

4. If there are differences, then prompt a messagebox to the user in order to save the changes.

*Because you may have to implement a lot of code, a simpler solution would be to add some logic to events (i.e. button on click event, or a key press event for the inline edit). And when an action is made, then update the value of a flag)

Hope my solution will help.

Best Regards,

Darksu

answered 2014-09-10 23:02:33 +0800

chillworld
5367 ● 4 ● 9
https://github.com/chillw...

updated 2014-09-10 23:03:54 +0800

Clients.conformClose(String message)

Greetz chill.

answered 2014-09-11 10:13:36 +0800

gganassin
540 ● 6
http://www.hybris.com/

This was an important topic for us in the past and we decided to go for a general purpose reusable solution with 2 different implementations one AOP based and the other EMF based (when using EMF generated model).

The interface looked like this:

public interface EditBean {

/**
 * Create the proxy and inizialize the transaction
 * 
 * @param target
 *            orginal bean
 * @return the bean proxed
 */
<T> T init(T target);

/**
 * Do a rollback to the status before the init call
 */
void rollback(Object proxy);

/**
 * Remove an object from the transaction management
 * 
 * @param proxy the proxy object
 */
void remove(Object proxy);

/**
 * Determine if the object has difference to the initial version
 * 
 * @param proxy the proxy object
 * @return true if there are difference otherwise false
 */
boolean isChanged(Object proxy);

/**
 * Retrieve the original object from a proxy. It works also if the proxy is a child of the master proxy<br/>
 * If the proxy object is not a proxy, it returns the argument.
 * 
 * @return the original object
 */
<T> T unwrapProxy(T proxy);

}

answered 2014-09-13 18:44:08 +0800

terrytornado
9393 ● 3 ● 7 ● 16
http://www.oxitec.de/

There are a lot of javascript libs that can help you to detect the browsers page switching as a first step.

zul:

. . .
<?script type="text/javascript" src="/js/visibility.js"></script?>

. . .

<!--    http://alxgbsn.co.uk/2013/04/04/visibility-js-a-cross-browser-plugin-for-using-the-page-visibility-api/  -->

<script type="text/javascript">
   var page = new Visibility({ onHidden: hiddenCallback, onVisible: visibleCallback });

   function hiddenCallback () { 
      console.log('hidden callback'); 
      /*alert('Really change the browser tab?');*/ 
   }


   function visibleCallback () {
      console.log('visible callback'); 
   }

</script>

best Stephan