Is it possible to read all the grid data including the master and details rows when either a master or detail grid cell value is changed? I have added an event listener onCellValueChanged on both master & details grid options but only either master or detail row data is returned in the event.
Related
When using Row Grouping in AgGrid, how one can add data to the grouped row as follows:
The result is not an aggregate, actually it should be another value from the group itself, I can use the master detail to achieve that but I couldn't find an easy way of changing the details grid to look like the grouped one.
I am new to Nebula Nat table, I have successfully created nattable in my application.
i have several columns one among them, one among them has a combo in it. i want to trigger a listener when ever there is change in the value of the cell . for example if i my combo box has value A and B. if change the value to A to B. i want to trigger a event and based on that event i want to change the value in the another cell.
I tired some of the listener nothing is comfortable, is there any listener in Nattable specific to cell. Because what ever the listener we have all specific nat table as a whole.
I analyzed more i found out that i can do capture selection in the cell using CellSelectionEvent. But what i need is to trigger whenever there is a change in the cell. but CellSelectionEvent triggers at the time of selection. Is there event i can use whenever there is a change in the cell.
With NatTable 1.6 the DataUpdateEvent was introduced for this.
In ag-grid master detail functionality, i added checkboxes to detail grid when i check row in the first detail grid and then scroll to bottom grid and expand/collapse that grid, the checkbox in first grid is gone (not persisted).
https://plnkr.co/edit/UeWohlz76GM7B4L80n91?p=preview
<AgGridReact
columnDefs={this.state.columnDefs}
masterDetail={true}
detailCellRendererParams={this.state.detailCellRendererParams}
detailRowHeight={this.state.detailRowHeight}
defaultColDef={this.state.defaultColDef}
onGridReady={this.onGridReady}
getRowHeight={this.state.getRowHeight}
groupDefaultExpanded={1}
rowData={this.state.rowData}
/>
Checkbox values should be persisted in the first(top grid).
My Stack rep is not established enough to add a comment, but NOTE, this is not a solution - more comment.
Ag-Grid removes detail grid from the DOM when master grid collapses it. With this, there is no Ag-Grid state to remember what was checked for the collapsed detail grid. In a similar master-detail grid table for a project, this was solved by
maintaining local state of the detail grid selected rows (check one on/off, it gets added/removed from a local state array)
using the detail onGridReady method, invoke a function to programmatically go through each detail row node. I believe you can use GridApi's forEachNode method to do this
As you iterate through each detail node, utilize the detail node's unique ID to see if the same unique ID is stored in selected detail rows local state setup in Step 1. If so, use the node's setSelected method to turn it on
I set the row data for the first time, then changed the value of the cell with node.setDataValue and api.refreshCells, but when I set the same row data as the first time, I found that the table was not refreshed, or I just modified it. The value of the cell.
Ag-Grid does not refresh because the rowData I provided twice is the same, and Node.setDataValue does not modify rowData. When I enter the internal comparison of agGridReact for the second time, I find that the two rowDatas have not changed, so there is no Refresh.
I want to retrieve the row data on checkbox selection. Currently in ag-grid, on selecting a row we can retrieve the row data. Or we can do a multi row select, so rows details can be retrieved. So is there any way to retrieve the row data on checkbox selection. Or multiple rows data on checkboxes selection.
you need to use Row Selection
https://www.ag-grid.com/javascript-grid-selection/?framework=javascript#gsc.tab=0
You may use this onSelectionChanged: onSelectionChanged property or
onRowSelected: rowSelectedFunc