Data Grid Feature

[Muhammad Arhum Saleem]

Hi , hope you are doing great.

i need a solution . I have a data grid and a bootstrap popup modal. My requirement is that when I double click on any row of grid , bootstrap popup modal should open with populated row data. I tried but it is not working.

I hope you will provide me best solution.

Thank you in advance.

regard ,

Arhum Saleem.

[Rajapandiyan Settu]

Hi Muhammad, 

 

Thanks for contacting Syncfusion support. 

 

Query: My requirement is that when I double click on any row of grid , bootstrap popup modal should open with populated row data. 

 

You can achieve your requirement by using recordDoubleClick event of Grid. It will be triggered when we double click the record and in that event arguments, you can get the correspond row details. Here, you can open your bootstrap dialog with the row data. 

 

recordDoubleClick: https://ej2.syncfusion.com/angular/documentation/api/grid/#recorddoubleclick 

 

[app.component.html] 

  <ejs-grid 

    [dataSource]="data" 

    height="350" 

    (recordDoubleClick)="recordDoubleClick($event)" 

  > 

    ---- 

  </ejs-grid> 

 

[app.component.ts] 

  recordDoubleClick(args) { 

    var rowData = args.rowData; 

    console.log(rowData); 

    console.log(args); 

    // do your action here and open the boostrap dialog with this rowData 

  } 

 

We need some clarifications on your requirement. So, please share the below details with us. 

 

1. Are you want to edit the row using bootstrap dialog?
2. Please explain your requirement in detail.

 

Regards, 

Rajapandiyan S