tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-10-22 12:05:37 +00:00
Code Issues Projects Releases Wiki Activity

MINOR API for clientside reloading of GridField

Browse Source
This commit is contained in:
Ingo Schommer 2012-02-09 11:17:09 +01:00
parent 1b42b2afa7
commit 9f12c5a252
1 changed files with 31 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
javascript/GridField.js
View File

@ -1,6 +1,34 @@
jQuery(function($){ (function($){
$('fieldset.ss-gridfield').entwine({ $('fieldset.ss-gridfield').entwine({
/**
* @param {Object} Additional options for jQuery.ajax() call
*/
reload: function(ajaxOpts, successCallback) {
var self = this, form = this.closest('form'), data = form.find(':input').serializeArray();
if(!ajaxOpts) ajaxOpts = {};
if(!ajaxOpts.data) ajaxOpts.data = [];
ajaxOpts.data = ajaxOpts.data.concat(data);
form.addClass('loading');
$.ajax($.extend({}, {
headers: {"X-Get-Fragment" : 'CurrentField'},
type: "POST",
url: this.data('url'),
dataType: 'html',
success: function(data) {
// Replace the grid field with response, not the form.
self.replaceWith(data);
form.removeClass('loading');
if(successCallback) successCallback.apply(this, arguments);
},
error: function(e) {
alert(ss.i18n._t('GRIDFIELD.ERRORINTRANSACTION', 'An error occured while fetching data from the server\n Please try again later.'));
form.removeClass('loading');
}
}, ajaxOpts));
},
getItems: function() { getItems: function() {
return this.find('.ss-gridfield-item'); return this.find('.ss-gridfield-item');
}, },
@ -29,27 +57,8 @@ jQuery(function($){
$('fieldset.ss-gridfield .action').entwine({ $('fieldset.ss-gridfield .action').entwine({
onclick: function(e){ onclick: function(e){
var button = this; this.getGridField().reload({data: [{name: this.attr('name'), value: this.val()}]});
e.preventDefault(); e.preventDefault();
var form = $(this).closest("form");
var field = $(this).closest("fieldset.ss-gridfield");
form.addClass('loading');
$.ajax({
headers: {"X-Get-Fragment" : 'CurrentField'},
type: "POST",
url: form.attr('action'),
data: form.serialize()+'&'+escape(button.attr('name'))+'='+escape(button.val()),
dataType: 'html',
success: function(data) {
// Replace the grid field with response, not the form.
field.replaceWith(data);
form.removeClass('loading');
},
error: function(e) {
alert(ss.i18n._t('GRIDFIELD.ERRORINTRANSACTION', 'An error occured while fetching data from the server\n Please try again later.'));
form.removeClass('loading');
}
});
} }
}); });
@ -132,4 +141,4 @@ jQuery(function($){
} }
}); });
}); }(jQuery));