Multiple Submit Buttons?

Hello Formsy React/Christian,

Can we do the following:

<button type="submit" name="save" value="save-and-continue" className="btn btn-default save-and-continue" disabled={!this.state.canSubmit}>
    {loadingIcon}
    Save &amp; Continue
</button>

<button type="submit" name="save" value="save-and-add" className="btn btn-default save-and-add" disabled={!this.state.canSubmit}>
     {loadingIcon}
     Save &amp; Add Another
</button>

 <button type="submit" name="save" value="save-and-return" className="btn btn-primary save-and-return" disabled={!this.state.canSubmit}>
    {loadingIcon}
    Save &amp; Return to List
</button>

Only the value that was clicked would be passed through in the model onSubmit so if the second button above was clicked we’d get {save: ‘save-and-add’} in our form data?

What do you think? Useful?

[christianalfoni]

Hi there!

You can solve this by manually submitting the form 😃

Quick example:

onSubmit: function (model) {
  if (this.state.typeOfSubmit === 'oneOfThem') {
    // doe something
  }
},
submit1: function () {
  this.setState({
    typeOfSubmit: 'oneOfThem'
  }, this.refs.form.submit);
},
submit2: function () {
  this.setState({
    typeOfSubmit: 'theOther'
  }, this.refs.form.submit);
},
render: function () {
  return (
    <Formsy.Form onSubmit={this.onSubmit} ref="form">
      <button onClick={this.submit1}>Submit1</button>
      <button onClick={this.submit2}>Submit2</button>
    </Formsy.Form>
  );
}

Would that work for you?

[nye]

@christianalfoni But now you don’t have a submit button, so you can’t submit on press enter key?