When working with an editable detail in Creatio, when the user adds a new row to the detail, a new row is added to the list, the user then can enter values, and then click the save button in the row action buttons. However, if you’d like, you can also force newly added rows to be immediately and automatically saved when the user clicks the add button.
To do this, you must override the AddNewRowToCollection method in the ConfigurationGridUtilities mixin that provides the editable list functionality. In that method, we can force the new row to be immediately saved. The code for all this would look like this:
addNewRowToCollection: function(newRow) {
this.mixins.ConfigurationGridUtilities.addNewRowToCollection.apply(this, arguments);
this.saveDataRow(newRow, null, this);
}
This code calls the base addNewRowToCollection method in the mixin. Then it calls the saveDataRow, passing the newly added row to be saved. One thing to note, the “null” param in the above code is a callback function. So, if you need to trigger any code to fire after the save has completed, you can add that there:
addNewRowToCollection: function(newRow) {
this.mixins.ConfigurationGridUtilities.addNewRowToCollection.apply(this, arguments);
this.saveDataRow(newRow, function() {
this.console.log("Save has completed");
}, this);
}
One thing to note here, you can also use the newRow object passed into this function to set values for the new row. Like this:
addNewRowToCollection: function(newRow) {
this.mixins.ConfigurationGridUtilities.addNewRowToCollection.apply(this, arguments);
newRow.set("UsrMyText", "This is the text");
newRow.set("UsrMyNum", 123);
//...
this.saveDataRow(newRow, null, this);
}
Then these values will be included in the record with the save. This also works, of course, without the auto-save as well to just set default values for the new row.
