Search results

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 :- 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.

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.
<template>
  <div>
    <ejs-treegrid :dataSource='data' childMapping='subtasks' :editSettings='editSettings' :treeColumnIndex='1'>
    </ejs-treegrid>
  </div>
</template>
<script>
import Vue from "vue";
import { TreeGridPlugin, Edit } from "@syncfusion/ej2-vue-treegrid";
Vue.use(TreeGridPlugin);
export default {
  data: function() {
    return {
      data: sampleData,
      editSettings: { allowDeleting: true, allowEditing: true, allowAdding: true, mode: 'Row', newRowPosition: 'Below' }
    };
  },
  provide : {
    treegrid: [Edit]
  }
};
</script>

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

Defines the custom edit elements for the dialog template.