SaveButton

SaveButton is a React Component which wraps React-Toolbox Button. By default, it passes primary = true and, prior to version 1.4.1, it always passed raised = true, plus flat = true when disabled. Now it sets raised = true when enabled and flat = true when disabled. However, you can always override all these props by explicitly setting them to true or false in SaveButton.

You can place it under the MobxSchemaForm. Clicking on it will validate the whole form and if there are no validation errors, model.save() will be called with the options provided to the SaveButton.

SaveButton supports the following props:

prop Data type Description
model FormStore
options Object Will be passed to model.save()
onClick Function that takes React Event object You can perform additional validation in this function and if you call preventDefault() on the Event object, SaveButton will not call validateAndSave()
onInvalid Function that takes React Event object This function will be called if form failed validation and save() was not called.
onSave Function that takes React Event object This function will be called when server response has been received to the save() request. Look at model.status.errors to see if there are any server errors.

Any other properties are passed to React-Toolbox Button component.

results matching ""

    No results matching ""