Page Comparison

Previous Section | Next Section

...

Now, we'll take a look at some business rules. We're going to add several rules to automate parts of the form. We will use the frevvo Visual Rule Builder to create the code for all but one of these rules.

...

When the user selects an item in any of the rows in the Order Items table, we want the price of that item to be displayed automatically. Normally, this price information would come from a back-end database or other system but we're just hard-coding the values in the rule for the time being.

...

Save and Test your form. Now, when the user selects an item, the price for that item will be displayed.

for (var i = 0; i < Item.value.length; i++) {
  if (Item[i].value === 'Chevrolet') {
    Price[i].value = 125.75;
  } else if (Item[i].value === 'Chrysler') {
    Price[i].value = 118.75;
  } else if (Item[i].value === 'Ford') {
    Price[i].value = 132.75;
  }
}

...

Now, the overall Grand Total is automatically calculated and updated with the Subtotal amounts as rows are filled in and added to the table. Try deleting a row in the table. Notice the Subtotal amount for that row is subtracted from the Grand Total 

 has frevvo has a powerful Rules engine. You can perform many dynamic actions in your form including the examples above as well as many other actions like connecting to back-end systems and retrieving JSON to populate form controls. The Visual Rule Builder makes it easy to create rules to show/hide parts of the form, automatically fill in user information, and make controls required or optional dynamically without writing code. For more information, refer to the Rules Examples documentation.

Previous Section | Next Section