Hi, First of all, I'd like to thank you for this great library. I'd like to kn

Ajax PUT for submit about x-editable HOT 3 CLOSED

vitalets commented on May 18, 2024

Ajax PUT for submit

from x-editable.

Comments (3)

vitalets commented on May 18, 2024

hi,
just checked - yes, for submit api method POST is hardcoded. I will definetly change it to be an option in next release.
As local solution you can use getValue method to collect data from editables and submit them via ajax.
(see how it done here https://github.com/vitalets/x-editable/blob/master/src/element/editable-element.js#L418)

For individual submit it is already done in 1.1.1, have a look on #22

Thank you.

from x-editable.

gbouteiller commented on May 18, 2024

What a quick answer! 👍
I've modified your code to use ajaxOptions in 'submit' : here what I've done :

(line 1425) case 'submit':  //collects value, validate and submit to server for creating new record
                var config = arguments[1] || {},
                $elems = this,
                errors = this.editable('validate'),
                values, ajaxOptions; // added var ajaxOptions

                if(typeof config.error !== 'function') {
                    config.error = function() {};
                } 

                if($.isEmptyObject(errors)) {
                    values = this.editable('getValue'); 
                    if(config.data) {
                        $.extend(values, config.data);
                    }
                    ajaxOptions = $.extend({ //extending ajax options with config.ajaxOptions
                        url     : config.url,
                        data    : values,
                        type    : 'POST',
                        dataType: 'json'
                    }, config.ajaxOptions); 
                    $.ajax(ajaxOptions).success(function(response) {