Warn user of unsaved data in JSF [duplicate]

后端未结

关注

 3  1373

陌清茗

相关标签:

3条回答

青春惊慌失措

2020-12-16 01:28
The standard JSF implementation doesn't provide facilities for this out the box. Besides, this is more a client side issue than a server side issue, so you'll really need to grab a client side language for this such as JavaScript. Since writing crossbrowser compatible JavaScript code for this particular functional requirement isn't exactly trivial, you'd like to use a JavaScript library for this which takes this into account, like jQuery.

Here's a complete kickoff example of how you could achieve this with help of jQuery.
```
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
    $(document).ready(function() {
        // Set the unload message whenever any input element get changed.
        $(':input').change(function() {
            setConfirmUnload(true);
        });

        // Turn off the unload message whenever a form get submitted properly.
        $('form').submit(function() {
            setConfirmUnload(false);
        });
    });

    function setConfirmUnload(on) {
        var message = "You have unsaved data. Are you sure to leave the page?";
        window.onbeforeunload = (on) ? function() { return message; } : null;
    }
</script>
```
Just paste this in your <head> template (and preferably also refactor that raw <script> code into its own .js file as well which you include by src attribute) and it'll work regardless of the page you have.
0 讨论(0)
发布评论:

提交评论
- 加载中...
慢半拍i

2020-12-16 01:40
If you are using a JSF template and you want the message on a specific page and not when leaving every page you can do:

1) Set an id to the body element in your template:
```
    <h:body id="mainBody">
    </h:body>
```
2) Use such id in the specific window or view where you want the on before leaving message:
```
    <script>
        document.getElementById("mainBody").onbeforeunload = function (e) {
            return true;
        };
    </script>
```
0 讨论(0)
发布评论:

提交评论
- 加载中...

挽巷

2020-12-16 01:42

What you could do is add an onclick to all of your links. With jQuery you could do the following:

$($('a').click(function(){
    if(unsavedWork){
        return confirm("You have not saved your work, would you like to leave anyway?");
    }else{
        return true;
    }
}););

0 讨论(0)

热议问题