Server Side Grid (Observable Async): How to Edit & show values in grid from external button & testbox value

[Salik khan]

Dear Sir,

Using Grid server side (Observable Async), On screen we have external button and textbox. We've to provide value and on button click, this value should show in a grid column that are checked.

Attachment: Email2_6f75e3e0.zip

[Rajapandiyan Settu]

Hi Salik, 

Thanks for contacting Syncfusion support. 

Based on your requirement, you need to update the textbox value in the selected rows in the Grid. 

You can achieve your requirement by using updateRow method. Find the below code example and sample for more information.  

updateRow: https://ej2.syncfusion.com/angular/documentation/api/grid/#updaterow  

  btnclick(args) { 

// get the input value from textbox 

    var value = parseInt((document.getElementById("amtvalue") as any).value); 

// get the selected rows index 

    var index = this.grid.getSelectedRowIndexes(); 

// get the selected records 

    var records = this.grid.getSelectedRecords(); 

    for (var i = 0; i < index.length; i++) { 

// change the input value in selected record 

      records[i]["amount"] = value; 

// update the value in Grid 

      this.grid.updateRow(index[i], records[i]); 

    } 

  } 

In the external button click, we get the selected records in the Grid and update the amount value in the selected rows by using updateRow() method. 

getSelectedRowIndexes: https://ej2.syncfusion.com/angular/documentation/api/grid/#getselectedrowindexes  

getSelectedRecords: https://ej2.syncfusion.com/angular/documentation/api/grid/#getselectedrecords  

Sample: https://stackblitz.com/edit/angular-umeuhb-du4pmo?file=normal-edit.component.ts  

Note: Editing feature requires a primary key column for CRUD operations. To define the primary key, set columns.isPrimaryKey to true in particular column. 

isPrimaryKey: https://ej2.syncfusion.com/angular/documentation/grid/edit/ 

Please get back to us if you need further assistance with this. 

Regards, 

Rajapandiyan S