Hi linh,
Thanks for contacting Syncfusion support.
You can achieve your requirement by binding an internal event “batcheditform-rendered” which is triggered after the edit input element is rendered. Inside this event handler, you can select the text using the “select” method. Please refer to the below code example and sample link for more information.
|
@Component({
selector: 'app-root',
template: `<ejs-grid #grid id="Batchgrid" [dataSource]="data" allowPaging="true" [pageSettings]="pageSettings"
[editSettings]="editSettings" [toolbar]="toolbar" (created)="created($event)" (destroy)="destroy($event)">
. . .
</ejs-grid>`,
providers: [ToolbarService, EditService, PageService],
})
export class AppComponent {
public ngOnInit(): void {
. . .
created(args) {
// add the event while Grid created
this.grid.on('batcheditform-rendered', this.inputSelectText);
}
destroy(args) {
// remove the event while Grid destroyed
this.grid.off('batcheditform-rendered', this.inputSelectText);
}
inputSelectText(cellEditArgs: any) {
cellEditArgs.cell.querySelector('input').select();
}
}
|
Please get back to us if you need further assistance on this.
Regards,
Pavithra S
