I'm using AG grid react enterprise version and using master detail features to show details of a particular master row.
I would like to add a feature to dynamically unselect all the detail rows previously selected by user. Is there any way we can do this? I'm programmatically not able to get reference to the detail row nodes.
You need not access the rowNodes of detail grid to clear selections. Having a handle on the detail grid api should do the trick.
From the docs-
You can access the API of all detail grids via the master grid. The
API for each detail grid is stored in a DetailGridInfo
Here's what you can do -
// iterate over all DetailGridInfo's, and call clear seletion on each one
masterGridOptions.api.forEachDetailGridInfo(function(detailGridInfo) {
detailGridInfo.api.deselectAll();
});
You should be able to trigger this as per your custom logic and unselect detail rows
Related
I'm using ag-grid-react masterdetail option to create a master grid with a detail grid. I'd the master grid to have a different theme from the detail grid.
For example, the master grid would have "ag-theme-alpine" and the detail grid would have "ag-theme-alphine-dark". Is this possible?
I tried looking through the docs for some options for the detailCellRendererParams but couldn't find anything obvious.
I'm currently using the latest version of Jhipster 7.6.0 and Node 16.14.0. If we try to arrange form fields in column view in other words if we wrap ValidatedField to and , the field values are not populated during Edit mode of the page and the same is true for insert mode. The attached link is showing a simple layout change on the existing user management page, and we are trying to see Last Name and First Name in one row, and we are unable to see the value or update the value if we realign these fields in multiple columns views.
Does anyone know a simple workaround we can use ValidatedForm and ValidatedField in Row, Col, and regular CRUD works like with other pages generated by the framework? Please let me know if more clarification or detail is needed on this case.
Layout and code Sample from User Management page
We have this scenario in which we would like to use the same ui5 application for 2 different Launchpad tiles. When user clicks on first tile all the data should be displayed in Smart table but when user clicks on second tile same table will be used but before displaying the content some filter will be applied and less data will be shown.
I am thinking of get the tile ID and according to the tile , I will apply the filter. How it can be achieved ?
Regards,
MS
Multiple tile
once you have added tile use press event to call function and provide event as parameter to that function.Using below line You can get title OR use _getTileIndex() and accordingly you can apply filter
sap.ui.getCore().byId(oEvent.getParameters().id).getTitle()
I have Generic Tiles in my UI5 App. My requirement is to implement the functionality of Icon Tab Bar - Filter (https://sapui5.hana.ondemand.com/explored.html#/sample/sap.m.sample.IconTabBar/preview) for these tiles. I have separate tile for each status and on clicking it should display the list in the table depending on the clicked status eg: 'completed tickets'.
The table and the tiles are in different views. If this is possible please provide suggestions as to how this can be accomplished.
Thanks,
Srinivasan
You could follow the example of the IconTabBar almost literally, and just swap the icons for tiles.
When you press an icon in the IconTabBar in the example, the logic connected to that icon will add a filter to the binding of the table. You should do the same: the logic connected to your tiles, should also change the filter of the table binding. Every tile could result in a different filter to the binding. With that, you would see the table filtered based on the tiles you clicked.
With your table being in a different view than the tiles, you may want to use the router to communicate between the two views. You could e.g. have tile one to navigate to /YourApp/#/Stuff/FilterBySomething and tile two to navigate to /YourApp/#/Stuff/FilterBySomethingElse. In the view containing your table, you should then pick up the filter info and add the filter to the table binding accordingly. More info on how this works can be found in Step 31 of the SAPUI5 walkthough.
Hie
the demo shows you can click on any column and update the value.
can someone share the code how it has been implemented?
Hi You can use GwtExt or SmartGWT Editable grid and it also gives components for implementing Paging in it.
link to editable grid in GwtExt is here
You can also find paging that is also local and remote both