EditSettingsModel API in Vue TreeGrid API component

Interface for a class EditSettings

Properties

allowAdding

boolean

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

allowDeleting

boolean

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

allowEditOnDblClick

boolean

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

allowEditing

boolean

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

allowNextRowEdit

boolean

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

dialog

IDialogUI

Defines the dialog params to edit.

mode

EditMode

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

• Cell
• Row
• Dialog
• Batch

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');

showConfirmDialog

boolean

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

showDeleteConfirmDialog

boolean

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

template

string

Defines the custom edit elements for the dialog template.