Form Editing

The TreeList can use the Form component to arrange cell editors when users modify a row. The Form allows users to edit values from visible and hidden columns.

To enable form edit mode, configure the following properties:

• Set editing.mode to "form"
• Assign true to the editing object's allowAdding, allowUpdating, and allowDeleting properties.

A column's default editor is defined automatically based on this column's dataType. To customize this editor or replace it with another editor, use the column's formItem object. For information on settings that you can define in the formItem object, refer to the SimpleItem help topic.

You can also set up the edit Form from scratch. The component's configuration section lists available settings. Specify these settings in the editing.form object. Refer to this object's description for information about form edit mode limitations.

This demo also illustrates the following event handlers:

• onInitNewRow
  Populates form editors of a new row with default values. In this demo, onInitNewRow sets "John Heart" as the initial Head for new rows.

• onEditorPreparing
  Customizes form editors. In this demo, this handler forbids users to edit the Head value of John Heart.

Refer to the following help topic to see the full list of the events that edit operations raise: Editing Events.