TouchInstinct
/
formsy-react
302
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Allow form to be initialised with specified data 

Modify reset function so that it accepts argument with data model that the form should be initialised with. This comes handy when you want to edit an object to have the form prefilled with object data by just passing the object to reset function instead of filling the fields manualy.
This commit is contained in:
Tomáš Holas 2015-05-04 22:22:05 +02:00
parent 7ef6c51f1f
commit 9ab0acff82
1 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/main.js
View File

@ -50,7 +50,7 @@ Formsy.Form = React.createClass({
},
componentWillUpdate: function () {
// Keep a reference to input keys before form updates,
// to check if inputs has changed after render
this.prevInputKeys = Object.keys(this.inputs);
@ -58,7 +58,7 @@ Formsy.Form = React.createClass({
},
componentDidUpdate: function () {
if (this.props.validationErrors) {
this.setInputValidationErrors(this.props.validationErrors);
}
@ -70,9 +70,10 @@ Formsy.Form = React.createClass({
},
reset: function () {
// Allow resetting to specified data
reset: function (data) {
this.setFormPristine(true);
this.resetModel();
this.resetModel(data);
},
// Update model, submit to url prop and send the model
@ -104,10 +105,14 @@ Formsy.Form = React.createClass({
}.bind(this));
},
// Reset each key in the model to the original / initial value
resetModel: function () {
// Reset each key in the model to the original / initial / specified value
resetModel: function (data) {
Object.keys(this.inputs).forEach(function (name) {
this.inputs[name].resetValue();
if (data && data[name]) {
this.inputs[name].setValue(data[name]);
} else {
this.inputs[name].resetValue();
}
}.bind(this));
this.validateForm();
},