Skip to main content



Fires after the text value of an item is edited via the inline editor


afterEditorEditing: (
value: string,
id: string | number,
key: string,
subId?: string
) => void;


The callback of the event takes the following parameters:

  • value - (required) the new value of the item
  • id- (required) the id of the item
  • key - (required) the name of the edited property
  • subId - (optional) the id of a subheader of a swimlane or a text element of a line


// initializing Diagram
const diagram = new dhx.Diagram("diagram_container", {
type: "default"
// loading data;

// attaching a handler to the event"afterEditorEditing", (value, id, key, subId) => {
console.log(value, id, key, subId);

Change log:

  • The subHeaderId parameter has been changed to subId in v4.1
  • Added in v4.0

Related samples: