Allow dialog to be closed only if not 'dirty'

[danh]

Using Action Javascript to open a dialog component to edit or add records, has anyone successfully implemented a method to check if the dialog is dirty and not allow it to be closed until the record is saved? I've tried a method that uses the onBeforeHide Window javascript Event in the Action Javascript action, but it's a bit cumbersome and I get varying results - mostly unsatisfactory. I can post it here to be perfected if need be, but wanted to see if anyone has a better approach.

[Davidk]

Re: Allow dialog to be closed only if not 'dirty'

Where is the onBeforeHide event in the dialog... I can't find it??? Walk me through getting to it and I can have a look. Thanks.

[danh]

Re: Allow dialog to be closed only if not 'dirty'

It's not in the dialog, it's part of the Action Javascript action that opens the dialog, at the bottom there is a "Window Javascript Events" section.

[danh]

Re: Allow dialog to be closed only if not 'dirty'

This is what I was putting in that event:

if (typeof window.top.dlgIsDirty == 'undefined') return true;
if (window.top.dlgIsDirty) {
    A5.msgBox.show('Notice','You must first save or cancel changes.','O');
    return false;
} else {
	return true;
}

And then in the dialog, in each control's onChange Event:

window.top.dlgIsDirty = true;

And in the Cancel and Submit button's onClick Events:

window.top.dlgIsDirty = false;

[Davidk]

Re: Allow dialog to be closed only if not 'dirty'

Yeah... I realized you're calling your dialog and so I did that from a grid and found the event... thanks. I'll have a look at your code, but here's what I've come up with. I'm working in the dialog alone and not depending on the calling grid to figure stuff out.

In the Dialog onInitializeComplete event

$('A5dlg1.TITLE.TOOLS').style.visibility = 'hidden';

This is to hide the closing button (X) in the dialog title.

In the Dialog onStateChange event

if (e.isDirty==true)
	{
	window['dlgstate']=true;
	}
else
	{
	window['dlgstate']=false;
	}

This event detects a state change from clean to dirty etc. This sets a window variable to be used in the dialog close button we add.

Add a Button to close the dialog and put this code

if (window['dlgstate']==true)
	{
	alert('Window is in edit mode and cannot close');
	}
else
	{	
	{dialog.Object}.closeContainerWindow(this);
	}

Maybe we can use e.isDirty right here... haven't tried yet... will do that next.

So overall... open the dialog and let the dialog alone decide if it can close. Now going to look at your code.

[danh]

Re: Allow dialog to be closed only if not 'dirty'

How about this:

Keep the onBeforeHide event code as is,
and put this in the dialog's onStateChange event:

window.top.dlgIsDirty=e.isDirty;

That way I don't have to get rid if the (X) or put this line in every control!

Seems to work in the limited testing I've done. Let me know what you think.
Would be great to have a 'canCloseDialog' event.

[Davidk]

Re: Allow dialog to be closed only if not 'dirty'

Yeah, works very nicely. I didn't like getting rid of the close X either. I always forget about stuff like window.top and window.self - nice reminder... thanks.

[danh]

Re: Allow dialog to be closed only if not 'dirty'

And I wasn't thinking about the onStateChange event until you mentioned it. Sometimes just discussing something helps.

And, I like your concept of handling everything in the dialog itself, but without an event to trap the close, I'm not sure how to do it.

Well, this seems to be working, so will go with it until something better presents itself. Thanks for your help!

[kingcarol]

Re: Allow dialog to be closed only if not 'dirty'

Great news! I got the pre release 2745-3949 and discovered that there is now a property to check on the Open A Grid Component (OR dialog component). It is 'Warn Before Closing If Grid In Window is Dirty' and it is working beautifully!

[aburningflame]

Re: Allow dialog to be closed only if not 'dirty'

Hi Carol, where is this property on the dialog component?
I need this, but do not see it. What section is it under?

Other, Javascript?
Using build 2795

[aburningflame]

Re: Allow dialog to be closed only if not 'dirty'

Found it. FOr anyone else looking for it, this property is not in the Dialog itself. It is in the Open Dialog Component Javascript Action properties (from a parent grid/control)

[Jberry]

Re: Allow dialog to be closed only if not 'dirty'

I am trying to use this property but it does not seem to work, maybe I'm not using it right?

From my Grid I am opening a Dialog using Open Alternate Editing view for Current Record. I check Warn Before Closing if Component in Window is Dirty and save.

I open the dialog and make a change to the data, I then click the [x] and the dialog window closes with no warning. Is there something else I need to do?

-John