textchange event is not firing

[RakhiS]

Hi,

I want to get the current text and also the new text which is being added, and for this I am using textchangeproperty in the following manner:

HTML:

 <ejs-diagram #diagram id="diagram" width="100%" height="700px"  textChange="textchange()"></ejs-diagram>

         

COMPONENT.TS:

textChange(args: ITextEditEventArgs) {

    alert("abc");

  }

but is not calling when I start editing text of node on double clicking nor at the finish editing.

Please help!

[Shyam G]

Hi Rakhi, 

 

There is no textChange event in the diagram control. Please use textEdit event which triggers once you edit the text and focus out of the text area. In this event, we get a new and the old text in the newValue and oldValue property respectively. Please refer to a help documentation, code example and the sample below. 

 

Help documentation: https://ej2.syncfusion.com/documentation/api/diagram/#textedit 

Code example: 

<ejs-diagram #diagram id="diagram" width="100%" height="700px    (textEdit)="textEdit($event)" > 

</ejs-diagram> 

  textEdit(args:ITextEditEventArgs) { 

     //get a new text and old text 

     console.log(args.newValue); 

     console.log(args.oldValue); 

  } 

Sample: https://stackblitz.com/edit/angular-jggjm8?file=app.component.html 

 

Regards, 

Shyam G 

[RakhiS]

Hi Rakhi, 

 

There is no textChange event in the diagram control. Please use textEdit event which triggers once you edit the text and focus out of the text area. In this event, we get a new and the old text in the newValue and oldValue property respectively. Please refer to a help documentation, code example and the sample below. 

 

Help documentation: https://ej2.syncfusion.com/documentation/api/diagram/#textedit 

Code example: 

<ejs-diagram #diagram id="diagram" width="100%" height="700px    (textEdit)="textEdit($event)" > 

</ejs-diagram> 

  textEdit(args:ITextEditEventArgs) { 

     //get a new text and old text 

     console.log(args.newValue); 

     console.log(args.oldValue); 

  } 

Sample: https://stackblitz.com/edit/angular-jggjm8?file=app.component.html 

 

Regards, 

Shyam G 

Thanks,

It worked for me!

[Shyam G]

Hi Rakhi, 

Thanks for your update. 

Regards, 

Shyam G