EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: acreonte82 on March 27, 2014, 09:21:38 AM

Title: Prompt message if some value change in a form in different tab
Post by: acreonte82 on March 27, 2014, 09:21:38 AM

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

Title: Re: Prompt message if some value change in a form in different tab
Post by: stworthy on March 28, 2014, 01:30:08 AM

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);
            }
        }
    }
})

Title: Re: Prompt message if some value change in a form in different tab
Post by: acreonte82 on March 28, 2014, 03:08:30 AM

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

Title: Re: Prompt message if some value change in a form in different tab
Post by: acreonte82 on April 01, 2014, 03:13:10 AM

I've to work with the cache?