Inline Editing for View Records

Inline editing for views allows you to quickly make changes to view records directly in the view without opening edit forms.

You can set inline editing for views from the view configuration page, Code tab.

Click the Display Options tab and define the view display options using code similar to the following one:

Copy
{
    "scrollHorizontal":true,
    "allowEdit":true,
    "editMode":"cell",
    "showColumnHeaders":true,
    "showFilterRow":false,
    "pageSize":10
}        

The table below describes the available view display options.

Display Option Description
Display Option Description
scrollHorizontal If you have many columns in the view, set it to true.
allowEdit To allow inline editing on the view, set it to true.
editMode

Sets the mode of the inline editing on the view. The following values are possible.

cell - allows you to edit view records cell by cell.

row - allows you to edit a view record by editing the cells in a row then saving the view record changes.

batch - allows you to edit several view records and then save the changes in batch.

data form - allows you to edit a view record similar to a data form. When clicking on a view record, the selected record information will be displayed similar to a data form.

showColumnHeaders If you want the view to show the columns header, set it to true.
showFilterRow If you want to show the filter row which allows you to filter the view records, set it to true.

Click Save and close. The view changes are saved.

The following are some examples of how inline editing looks like in the user interface based on the editMode.

Cell edit mode

Row edit mode

Batch edit mode

Form edit mode