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.
disableWhileSaving Boolean Defaults to true. Unless you set this to false, the DOM element for the button will have its disabled attribute set while model.save() is in progress. Because this happens at the lower DOM level, React may not re-set that attribute back to disabled if the disabled prop (passed to React-Toolbox button) becomes true after the save.

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

results matching ""

    No results matching ""