Form Builder action 'save' doesn't seem to work or trigger onSave

[harpsicord86]

Description:

Following the documentation at https://formbuilder.online/docs/formBuilder/actions/save/ this function does not seem to do anything. It also does not seem to trigger onSave when used. Could you provide some guidance on this please?

Environment Details:

• formBuilder Version: 3.4.2
• Browser: Google Chrome
• OS: Win 10

Expected Behavior

Running formBuilder.actions.save() would trigger onSave in options.

Actual Behavior

Running formBuilder.actions.save() actually does nothing.

Steps to Reproduce

add onSave as part of options and add an alert or console.log to function. Run formBuilder.actions.save() after form builder is initialised

[ahmedsu]

I have the same problem :S

[ahmedsu]

@harpsicord86 Hey Steve! If your goal is to show form render, here is an example how you can do it:

<div id="fb-editor" ref={this.fb} />
          <div id="fb-rendered-form" ref={this.fbPreview}>
             <form action="#"></form>
            <button class="btn btn-default edit-form">Edit</button>
        </div>
       <button onClick={this.saveSurvey}>
           Save survey
     </button>

You should use your own external save button.

  componentDidMount() {

   this.surveyCreator = $(this.fb.current).formBuilder({formData});
  }


  saveSurvey = () => {
    console.log("==== SAVE SURVEY ====");
    console.log(this.fb);
    console.log(this.surveyCreator);

    $(this.fb.current).toggle();
    $(this.fbPreview.current).toggle();
    console.log($('form', this.fbPreview.current));
    $('form', $(this.fbPreview.current)).formRender({
        formData: this.surveyCreator.formData
      });

  }

[harpsicord86]

Hi @ahmedsu thanks for the tip! But all I've been trying to do is to capture saving the form at build if the user closes the web page down. I thought there was an elegant way of doing it but there ain't... I've used the getData() action to get the json of the form to save through ajax. Honestly, I thought save() would have called onSave() :-(

[GrumpyCrouton]

@harpsicord86 You could use getData() and the beforeunload bind.

$(window).bind('beforeunload', function(){
	//call getData() and store it
});

[haiyangdeperci]

Could you tell me how to trigger onSave? I am trying to mimic the save action button behaviour by calling formBuilder.actions.save(); but apparently the original button triggers onSave separately:

{
  type: "button",
  id: "save",
  className: "btn btn-primary save-template",
  events: {
    click: function(e) {
      t.save(),
      m.a.opts.onSave(e, t.data.formData)
    }
  }
}

Is there any way to replicate it?

[kevinchappell]

onSave will now be called when save is called from the api.

[kevinchappell]

🎉 This issue has been resolved in version 3.4.5 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀