svn commit: r1867438 - /ofbiz/ofbiz-framework/branches/release17.12/themes/common/webapp/common/js/util/OfbizUtil.js

[nmalin]

Author: nmalin
Date: Tue Sep 24 09:00:35 2019
New Revision: 1867438

URL: http://svn.apache.org/viewvc?rev=1867438&view=rev
Log:
Fixed: Send upload form with even-update-area doesn't work (Backport from trunk)
(OFBIZ-11207)
When you create a xml form with upload as type, you can't use on-event-update-area element to submit it by ajax.
Otherwise, OFBiz return an error message on 'uploadFile is empty.
To solve it, we analyze the enctype's form before submit it to move on FormData instead a direct serialize [1]

example form where the problem has been present
****
    <form name='AddNicelyFile' type='upload' target='CreateNicelyFile'>
        <field name='uploadedFile' title='File'><file/></field>
        <field name='addButton'><submit/></field>
        <on-event-update-area event-type='submit' area-id='window' area-target='FileDisplaying'/>
    </form>
****

Thanks to Samuel Tregouet for this fix

[1] https://developer.mozilla.org/en-US/docs/Web/API/FormData/Using_FormData_Objects

Modified:
    ofbiz/ofbiz-framework/branches/release17.12/themes/common/webapp/common/js/util/OfbizUtil.js

Modified: ofbiz/ofbiz-framework/branches/release17.12/themes/common/webapp/common/js/util/OfbizUtil.js
URL: http://svn.apache.org/viewvc/ofbiz/ofbiz-framework/branches/release17.12/themes/common/webapp/common/js/util/OfbizUtil.js?rev=1867438&r1=1867437&r2=1867438&view=diff
==============================================================================
--- ofbiz/ofbiz-framework/branches/release17.12/themes/common/webapp/common/js/util/OfbizUtil.js (original)
+++ ofbiz/ofbiz-framework/branches/release17.12/themes/common/webapp/common/js/util/OfbizUtil.js Tue Sep 24 09:00:35 2019
@@ -533,10 +533,26 @@ function ajaxSubmitFormUpdateAreas(form,
        waitSpinnerHide();
    }
 
+   var $form = jQuery("#" + form),
+       data = null,
+       processData = true,
+       enctype = $form.attr("enctype"),
+       contentType = "application/x-www-form-urlencoded; charset=UTF-8";
+
+   if (enctype && enctype.indexOf("multipart") !== -1) {
+       data = new FormData($form[0]);
+       contentType = false;
+       processData = false;
+   } else {
+       data = $form.serialize();
+   }
+
    jQuery.ajax({
        type: "POST",
-       url: jQuery("#" + form).attr("action"),
-       data: jQuery("#" + form).serialize(),
+       contentType: contentType,
+       url: $form.attr("action"),
+       data: data,
+       processData: processData,
        success: function(data) {
                updateFunction(data);
        }