how to clear the value of a textbox on closing the dialogbox

[thowfik]

how to clear the value of a textbox on closing the dialogbox

Thanks in Advance 

Regards

Thowbik

[Narayanasamy Panneer Selvam]

Hi Thowfik, 

 

Greetings from Syncfusion support. 

 

Yes, you can clear text box value on closing dialog, By using dialog’s close event. On close event you can reset the textbox value by using its component instance. 

Please refer the code example in below, 

Html: 

<ejs-dialog #Dialog [header]='header' [showCloseIcon]='true' [target]='target' [width]='width' (close)="onClose()"> 

    <ng-template #content> 

        <ejs-textbox #textBox placeholder="First Name"></ejs-textbox> 

    </ng-template> 

</ejs-dialog> 

 

TS:  

@ViewChild('Dialog', null) public dialogObj: DialogComponent; 

@ViewChild('textBox', null) public textBoxObj: TextBoxComponent; 

 

. 

. 

. 

 

public onClose() { 

    this.textBoxObj.value = ""; 

} 

 

 

For your convenience we have prepared a sample, please get it from the below link, 

Sample link: https://stackblitz.com/edit/angular-wtcfrm-wifxpu?file=app.component.ts 

 

Regards, 

Narayanasamy P.