Prompt message if some value change in a form in different tab

[acreonte82]

Hello to all,
I've a multi -tab and, for each tab, a form with some value loaded from the server (attached the image).

My intention is: if some user changes some data in a form and then change tab without saving, the system notify that some value change and the system propose the possible actions before to contine

How can I implement it ?

Thanks

[stworthy]

When leaving a tab panel, the 'onUnselect' event fires. You can use this event to do your detecting login. If you don't allow the user to switch to other tab panels, call 'select' method again on the current tab panel. Please try the code below:

Code:

$('#tt').tabs({
    onUnselect:function(title,index){
        var p = $(this).tabs('getTab', index);
        var f = p.find('form');
        if (f.length){
            if (!f.form('validate')){
                $(this).tabs('select', index);
            }
        }
    }
})

[acreonte82]

I explain my intention:
in the attached image you see a value at "Picogreen" field.
If I change in a new value (ex: 30) , i want that the system notify me that value is changed if I switch in other tab without saving.

That's all

[acreonte82]

I've to work with the cache?