Search results

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 :- Defines the editing mode as Cell.
* Row :- Defines the editing mode as Row.
* Dialog :- Defines the editing mode as Dialog.
* Batch :- Defines the editing mode as Batch.

Defaults to Cell

newRowPosition

RowPosition

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

* Top :- Defines the row position as Top.
* Bottom :- Defines the row position as Bottom.
* Above :- Defines the row position as Above.
* Below :- Defines the row position as Below.
* Child :- Defines the row position as Child.
    <ejs-treegrid #treegrid [dataSource]='data' childMapping='subtasks' [treeColumnIndex]='1'
    [editSettings]='editSettings'>
    </ejs-treegrid>
import { Component, OnInit } from '@angular/core';
import { TreeGridComponent, EditService } from '@syncfusion/ej2-angular-treegrid';

@Component({
    selector: 'app-root',
    templateUrl: 'app.component.html',
    providers: [EditService]
})
export class AppComponent {
    constructor() {}
    public data: Object[] = [];
    public editSettings: Object;

    ngOnInit(): void {
        this.data = sampleData;
        this.editSettings ={ allowEditing: true, allowAdding: true, allowDeleting: true, mode:"Row", newRowPosition: 'Below'};
    }
}

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 | Function

Defines the custom edit elements for the dialog template.

Defaults to