EditSettings API in Angular TreeGrid API component

Configures the edit behavior of the TreeGrid.

Properties

allowAdding

boolean

If allowAdding is set to true, new records can be added to the TreeGrid.

Defaults to false

allowDeleting

boolean

If allowDeleting is set to true, existing record can be deleted from the TreeGrid.

Defaults to false

allowEditOnDblClick

boolean

If allowEditOnDblClick is set to false, TreeGrid will not allow editing of a record on double click.

Defaults to true

allowEditing

boolean

If allowEditing is set to true, values can be updated in the existing record.

Defaults to false

allowNextRowEdit

boolean

If allowNextRowEdit is set as true, editing is continued to next row with keyboard navigation.

Defaults to false

dialog

IDialogUI

Defines the dialog params to edit.

Defaults to {}

mode

EditMode

Defines the mode to edit. The available editing modes are:

• Cell
• Row
• Dialog
• Batch

Defaults to Cell

newRowPosition

RowPosition

Defines the row position for new records. The available row positions are:

• Top
• Bottom
• Above
• Below
• Child

  <div id="TreeGrid"></div>

import { TreeGrid, Edit } from '@syncfusion/ej2-treegrid';
TreeGrid.Inject(Edit);
let treegrid: TreeGrid = new TreeGrid(
        {
            dataSource: sampleData,
            childMapping: 'subtasks',
            treeColumnIndex: 1,
            editSettings: { allowAdding: true, allowDeleting: true, allowEditing: true, mode: 'Row', newRowPosition: 'Below' },
            columns: [
                { field: 'taskID', headerText: 'Task ID', width: 80, isPrimaryKey: true, textAlign: 'Right', editType: 'numericedit' },
                { field: 'taskName', headerText: 'Task Name', width: 190 },
                { field: 'priority', headerText: 'Priority', width: 80 }
            ]
        });
treegrid.appendTo('#TreeGrid');

Defaults to Top

showConfirmDialog

boolean

if showConfirmDialog is set to false, confirm dialog does not show when batch changes are saved or discarded.

Defaults to true

showDeleteConfirmDialog

boolean

If showDeleteConfirmDialog is set to true, confirm dialog will show delete action. You can also cancel delete command.

Defaults to false

template

string

Defines the custom edit elements for the dialog template.

Defaults to ”