topic Re: Form in share simpleDialog in Alfresco Archive

Form in share simpleDialog

ingon — Tue, 17 Jun 2014 06:03:18 GMT

I'm trying to show a full functional form in a simpleDialog called from a documentlibrary action, but I can'f make it work, since it never reaches the onSuccess event.Here is where the action is defined: <config evaluator="string-compare" condition="DocLibCustom"> <dependencies>

Re: Form in share simpleDialog

ingon — Tue, 17 Jun 2014 07:52:00 GMT

Apparently there's something wrong in my templateUrl, because if I change it for:


var templateUrl = YAHOO.lang.substitute(Alfresco.constants.URL_SERVICECONTEXT + "components/form?itemKind={itemKind}&itemId={itemId}&destination={destination}&mode={mode}&submitType={submitType}&formId={formId}&showCancelButton=true",
   {
      itemKind : "node",
      itemId : record.nodeRef,
      mode : "edit",
      submitType : "json",
      formId : "doclib-simple-metadata"
   });
‍‍‍‍‍‍‍‍‍‍

The onSuccess event is reached. Does anybody see something wrong in my template??

Thnks!!!!

Re: Form in share simpleDialog

ingon — Tue, 17 Jun 2014 08:54:26 GMT

Ok, the problem seems to be the enctype="multipart/form-data" in the tamplateUrl. If I remove it from the form, the action works perfectly. But I need to have it in my form in order to get the data. Why is this happenning? Any ideas anyone?

Thanks!!!

Re: Form in share simpleDialog

ingon — Tue, 17 Jun 2014 10:05:28 GMT

Hi, sorry for the monologue, but I'm still working on this.

I've been looking at this page about the CSRFPolicy (http://blogs.alfresco.com/wp/ewinlof/2013/03/11/introducing-the-new-csrf-filter-in-alfresco-share) and found something interesting:

<blockquote>

Now let’s take a look however at the scenarios when you might need to tweak your code or change the default configuration. 

(…)

2. You are making a form upload with enctype multipart/form-data without using Alfresco.forms.Form 

When uploading a file by submitting a form with enctype multipart/form-data it is not possible to set a header on the request, the reason is not because of the enctype specifically but due to the fact that its not possible to set a header on any form submission in the browser. Therefor you need to pass the token as a url parameter instead. If you are using the Alfresco.forms.Form class this will be handled for you automatically but otherwise you have to add the token as a url parameter using code looking something like this:

if (Alfresco.util.CSRFPolicy && Alfresco.util.CSRFPolicy.isFilterEnabled())
{
url += "?" + Alfresco.util.CSRFPolicy.getParameter() + "=" + encodeURIComponent(Alfresco.util.CSRFPolicy.getToken());
}
</blockquote>

I tried to change my import-actions.js to:


(function() {

   YAHOO.Bubbling.fire("registerAction", {
      actionName : "onActionOpenForm",
      fn : function onActionOpenForm(record) {
         var actionUrl = YAHOO.lang.substitute(Alfresco.constants.PROXY_URI + "alfresco/importer/{uri}", {
            uri : this.doclistMetadata.parent.nodeRef.replace(":/", "")
         });
         if (Alfresco.util.CSRFPolicy && Alfresco.util.CSRFPolicy.isFilterEnabled()) {
            actionUrl += "?" + Alfresco.util.CSRFPolicy.getParameter() + "="
                  + encodeURIComponent(Alfresco.util.CSRFPolicy.getToken());
         }
         var templateUrl = Alfresco.constants.URL_SERVICECONTEXT + "alfresco/import/uploadcontent";
         var uploadZip = new Alfresco.module.SimpleDialog(this.id + "-uploadContent");
         uploadZip.setOptions({
            width : "50em",
            templateUrl : templateUrl,
            actionUrl : actionUrl,
            onSuccess : {
               fn : function DLTB_onUploadContent_success(response) {
                  alert("hi");
               },
               scope : this
            },
            onFailure : {
               fn : function DLTB_onUploadContent_failure(response) {
                  alert("bye");
               },
               scope : this
            }
         });
         uploadZip.show()
      }
   });

})();
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

With no luck. But could something like this be the problem?

Thanks!!

Re: Form in share simpleDialog

ingon — Wed, 18 Jun 2014 06:35:00 GMT

Edited

Re: Form in share simpleDialog

ingon — Wed, 18 Jun 2014 11:33:47 GMT

It seems to be something wrong in the file forms-runtime.js, in the method _submitInvoked there is a validation that checks if the form is multipart/form-data:


               if (form.enctype && form.enctype == "multipart/form-data")
               {
                  var d = form.ownerDocument;
                  var iframe = d.createElement("iframe");
                  iframe.style.display = "none";
                  Dom.generateId(iframe, "formAjaxSubmit");
                  iframe.name = iframe.id;
                  document.body.appendChild(iframe);

                  // makes it possible to target the frame properly in IE.
                  window.frames[iframe.name].name = iframe.name;

                  // Pass the CSRF token if the CSRF token filter is enabled
                  if (Alfresco.util.CSRFPolicy.isFilterEnabled())
                  {
                     form.attributes.action.nodeValue = this._setCSRFParameter(submitUrl);
                  }

                  form.target = iframe.name;
                  form.submit();
                  return;
               }
               else
               {
                  // Only disable submit elements for XMLHttpRequests since we
               // then have a chance of enabling them on failure
                  this._toggleSubmitElements(false);
               }
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

If I remove that if just leaving the line this._toggleSubmitElements(false), the onSuccess event is reached, but no file is sent to alfresco webscript. What is that piece of code doing wrong??

Re: Form in share simpleDialog

hmanik — Sat, 21 Jun 2014 20:55:38 GMT

Hello, I have a requirement where in I have to show a simple Dialog on Clicking Reject button of Workflow Edit Task form.

I modified the activiti-transitions.ftl and created a function onRejectClick() in the JS. In this function I am instantiating a Simple Dialog using YAHOO.widget.
Everything going smooth and no error in Firebug but the Dialog is not showing. All the break points are success but there is no Dialog.
Attached is the code Snippet Screenshot.

On Firebug I can see on clicking my rejectClick function is getting called but the popUp is not displayed.

Re: Form in share simpleDialog

muralidharand — Tue, 24 Jun 2014 04:42:53 GMT

Hi,
In your code, it looks the simpledialog has visible property as false. Try to change that to , visible:true then try once.
Otherwise, you need debug(step-in) simpledialog javascript code.

Re: Form in share simpleDialog

ingon — Thu, 26 Jun 2014 12:16:50 GMT

Thank you for the answer, but I think is a different problem, isn't it?

Anyway, if somebody has the same problem as me, I finally avoided the use of simpleDialog, as it doesn't support enctype multipart/form-data, and made my own form.