Guriddo » Topic: OnClose Event For Dialog boxes

OnClose Event For Dialog boxes

Guriddo
OnClose Event For Dialog boxes

This topic has 6 replies, 2 voices, and was last updated 17 years ago by tony.

Creator

Topic
June 27, 2009 at 10:33 pm #73603

tropotek
Participant

First of all, thanks for a great piece of software…

After hours of trying I have been unable to find a common onClose event or similar for the dialog boxes (edit/view/add). I am trying to implement TinyMCE and so far I have had promising results.

However if I cancel or close the dialog box I have no event to hide TinyMce before the layer is hidden which in turn crashes TinyMce.

I have used the navGrid option events for initialising and hiding TinyMCE if a full edit/add has taken place, it works fine. But TinyMCE crashes if the textarea element is hidden before it is unregistered with the TinyMCE object.

A good article on the issue can be found at: http://blog.mirthlab.com/2008/11/13/dynamically-adding-and-removing-tinymce-instances-to-a-page/

Maybe there could be a call for a new event in the navGrid (onHide() or onClose()?

I have tried:

//
Creator

Topic

Viewing 6 replies - 1 through 6 (of 6 total)

Author

Replies
June 29, 2009 at 3:03 am #87448

tony
Keymaster

Hello,

Try

jQuery(“.ui-jqdialog-titlebar-close”).bind('click',function(){

// do something here

// if you use jqModal to close the modal you need

hideModal(“#editmod”+gridid, {jqm:true});

// where gridid is your grid id and hideModal is a function from grid common

});

Regards

Tony

June 30, 2009 at 2:14 am #87460

tropotek
Participant

Thanks for the tip Tony, but it didn't achieve the desired result. To get this to work you would have to add the code to the afterShowForm event so the dialog box exists first.

However I have had a play with the source code and it may be something you can add to the project. If we modify the hideModel() function a little like the following code. There could be better parameters passed to onClose if any,

June 30, 2009 at 7:00 am #87464

tropotek
Participant

I have spent the day trying to get TinyMce to work and found some more things that may be of intrest.

An event like onShow would also help in the base system, Mainly for the view dialog as there is no hooks that I could find to modify the data that is shown.

Using the method outlined in the previous post I added an onShow event after the viewModal() functions are called. This was helpful so I could run jquery on elements in the view dialog.

A major issue I found is, that the view and edit dialog boxes are two seperate dialog instances but they have duplicate id values on the data. This creates havoc when you are looking for a form element by id and receive a td element because you viewed the data before editing the data.

However I added to this line in the view code (around line 870:grid.fomedit.js):

$(”td:eq(”+(cp-1)+”)”,trdata[0]).append(””+tmp+””).attr(”id”, 'v_' + nm);

Unfortunatly this stops the elements updating when using the next and previous buttons.

So adding the following into fillData() makes it work:

July 2, 2009 at 2:45 am #87497

tony
Keymaster

Hello Mick,

First of all thank you very much for your excelent additions and recommendations.

Also the onClose event will be included in the 3.5 release, moreover I will do some tricky condition like this

var hideModal = function (selector,o) {

July 2, 2009 at 6:02 pm #87535

tropotek
Participant

That's fantastic news.

I look forward to the 3.5 release.

July 8, 2009 at 5:37 am #87567

tony
Keymaster

Hello,

I have added this. You can download it from the site.

Regards

Tony
Author

Replies