Web Application Generator

The “Batch Edit” action allows users to change field values of multiple records at the same time. In order for the action to work properly, multiple selection must be enabled.

Inline Batch Edit

To perform a batch edit, first check the boxes next to several rows in a grid. Using the context menu, click on the “Batch Edit” action.

Check the box underneath the field that you want to update and enter a new value.

Press the Update Selection button to save the value. All rows that were checked will be updated.

Form Batch Edit

Batch edit can also be performed in the form. Check the boxes next to the rows to update. Use the context menu to select Batch Edit (Form) action.

Again, check the boxes under the field that will be updated, and insert a value.

Press Update Selection button. The field values will be updated for the checked rows.

Enabling Batch Edit for a Single Controller

Batch editing is not enabled by default in Code On Time web applications. For example, the Suppliers controller does not have the action available.

Let’s enable batch edit for the Suppliers controller.

Start the web application generator. Click on the project name, and select Settings. Click on Features.

Make the following changes:

Press Finish to skip to the Summary page. Click Refresh, and check the box next to Suppliers controller. Continue to regenerate the web application.

When the web application is loaded in your browser, navigate to the Suppliers page. The Batch Edit options will be available in the row context menu.

A commonly integrated feature in many business applications is a button to save and move to the next record in form view. This allows users to rapidly change many records.

Let’s implement a “Save and Next” action on the Orders form.

Start the Project Designer. In the Project Explorer, switch to the Controllers tab. Right-click on Orders / Actions / ag2 (Form) node, and press New Action.

Assign the following values:

Press OK to save the action. Drop a100 – Update, Next when Edit | Next action node on the left side of a1 – Edit to place it first in the form.

Right-click on Orders / Business Rules, and press New Business Rule.

Assign these values:

if (this.validateInput()) {
    this.preventDefault();
    this.dataView()._advance(1);
}

Press OK to save. On the toolbar, press Browse.

Navigate to the Orders page, and start editing a record.

Press the Next button – the record will save and the next record will be displayed.

Return to the grid and notice that the changes have been applied.