I want to cancel the context model when popup is closed with 'X'. This is because, when you change something on a popup and close it by clicking 'X' it does not cancel the changes unless you hit cancel button; which is confusing. I tried following code to cancel the model but it cancels all the models which have unsaved changes.
$(window).on('dialogclose', function(ctxt) {
$.each(skuid.model.list(), function(i,m){
if(!($.isEmptyObject(m.changes))){
m.cancel();
}
});
});
How could I just cancel the models which are in current popup's context. Any Idea?
Thanks!
$(window).on('dialogclose', function(ctxt) {
$.each(skuid.model.list(), function(i,m){
if(!($.isEmptyObject(m.changes))){
m.cancel();
}
});
});
How could I just cancel the models which are in current popup's context. Any Idea?
Thanks!
-
1,422 Points
Posted 5 years ago
Pat Vachon, Champion
-
46,404 Points
Pat Vachon, Champion
-
46,404 Points
Rob Hatch, Official Rep
-
45,308 Points
Pat Vachon, Champion
-
46,404 Points
-
1,422 Points
-
3,536 Points
Moshe Karmel, Champion
-
8,686 Points
Pat Vachon, Champion
-
46,404 Points
-
1,422 Points
Zach McElrath, Employee
-
56,134 Points
Jnanendra, you're very close, if you inspect the event object passed on dialog close, you can get the Popup/Dialog's Contents, and then you can inspect the child DOM elements, find one corresponding to a Field Editor / Table, and then use .data('object').model on the element (only rely on .data('object') for Field Editor / Table) to get the Model, like this:
$(window).on('dialogclose', function(e) {
// Get the contents of our Dialog/Popup
var dialogContents = $(e.target);
// Find the first Field Editor child (this might be different depending on your structure)
dialogContents.children('.nx-basicfieldeditor').each(function(){
var el = $(this),
dataObject = el.data('object');
if (dataObject) {
var model = dataObject.model;
if (model) model.cancel();
}
});
});Pat Vachon, Champion
-
46,404 Points
Can't wait til I can do code like that! Seems super simple.
-
1,422 Points
Thank you Zach!
The code you provided worked well ( with slight tweak: used find() method instead of children()). Also, it now cancels only the models which has unsaved changes.
$(window).on('dialogclose', function(e) {
// Get the contents of our Dialog/Popup
var dialogContents = $(e.target);
// Find the first Field Editor child (this might be different depending on your structure)
dialogContents.find('.nx-basicfieldeditor').each(function(){
var el = $(this),
dataObject = el.data('object');
if (dataObject) {
var model = dataObject.model;
if (model && !($.isEmptyObject(model.changes))) model.cancel();
}
});
});
The code you provided worked well ( with slight tweak: used find() method instead of children()). Also, it now cancels only the models which has unsaved changes.
$(window).on('dialogclose', function(e) {
// Get the contents of our Dialog/Popup
var dialogContents = $(e.target);
// Find the first Field Editor child (this might be different depending on your structure)
dialogContents.find('.nx-basicfieldeditor').each(function(){
var el = $(this),
dataObject = el.data('object');
if (dataObject) {
var model = dataObject.model;
if (model && !($.isEmptyObject(model.changes))) model.cancel();
}
});
});
