The Rest Based Grid Widget is the Cumulocity module federation plugin created using c8ycli. This plugin can be used in Application Builder or Cockpit. This Rest Based Grid Widget help you to display API data in Grid view with configurable columns and headings. This widget also supports Nested lists, search and server side pagination, etc.
| APPLICATION BUILDER | CUMULOCITY | REST BASED GRID WIDGET |
|---|---|---|
| 2.0.x | >= 1016.x.x | 1.x.x |
Cumulocity c8ycli >=1016.x.x
-
Display API data: Displays API Data for provided API URL in Grid mode. It also supports Nested List.
-
Pagination: Configurable Paginations and also option to set default page size.
-
Configurable Columns: User can choose what to display in Table from list and also option to display custom Headings.
-
Device/ Asset: Ability to select device or asset to pass as input to URL.
- This widget support runtime deployment. Download Runtime Binary and install via Administrations --> Ecosystems --> Applications --> Packages
This guide will teach you how to add plugin in your existing or new dashboard.
-
Open you application from App Switcher
-
Add new dashboard or navigate to existing dashboard
-
Click
Add Widget -
Search for
Rest Based Grid -
Select
Target Assets or Devices -
Click
Save
Congratulations! Rest Based Grid widget Plugin is configured.
-
Display API data: Displays API Data for provided API URL in Grid mode. It also supports Nested List.
-
Pagination: Configurable Paginations and also option to set default page size.
-
Configurable Columns: User can choose what to display in Table from list and also option to display custom Headings.
-
Device/ Asset: Ability to select device or asset to pass as input to URL.
-
Target assets or devices: User can select a device/asset. If device/asset is selected, then the External ID of that device will be passed as input along with URL.
-
Data Source URL: User has to pass the API URL from where the data needs to be fetched.
-
Device Specific: User can select this button, if the external Id of selected device/asset needs to be passed as part of the URL (deviceId = '' will be added in to the URL params).
-
Name of the Main document List from API: User has to pass the name of the List that needs to be picked from the API output to dispaly the data in table.
-
Table Column Headings: User has to pass the Header names (comma separated) for the table. These names can be different from the API output field names.
-
Table Column Names From API: User has to pass the field names (comma separated) from API for the above corresponding Table headings.
-
Page Size: Select records per page.
-
Expandable Table with Nested List: User can select this option if the API has nested List and the user wants to display it as part of the main grid.
-
Name of the Sub document List from API: User has to pass the name of the Nested List that needs to be picked from the API output to dispaly the data on click of main grid.
-
Table Column Headings: User has to pass the Header names (comma separated) for the Nested table. These names can be different from the API output field names.
-
Table Column Names From API: User has to pass the field names (comma separated) from API for the above corresponding Nested Table headings.
Rest Based Grid On Screen Options:
- Nested List VIew: If the API has Nested List and confirgured as part of the table then on click of main grid a nested list can be seen as Expanded Grid.
- Search: Smart Search filter. User can search by device/asset name, external id, device id, alert type, etc.
- Refresh: Useful for force reload/refresh devices.
- Pagination: Page navigation options.
This Widget is provided as-is and without warranty or support. They do not constitute part of the Software AG product suite. Users are free to use, fork and modify them, subject to the license agreement. While Software AG welcomes contributions, we cannot guarantee to include every contribution in the master project.
For more information you can Ask a Question in the TECH Community Forums.