odsl-grid-panel
Description
The odsl-grid-panel component creates a panel with a table or grid of items. The columns that are shown are configured using an odsl-grid-column tag.
Attributes
service
The service attribute determines which REST service to use to retrieve the data, defaulting to object.
source
The source attribute determines the source of the data, this is usually one of the following:
- public
- private
- all
It can also be omitted if the service is not a multi-source service.
filter
The optional filter to use to limit the list of items. This must be a JSON string.
group
The optional group attribute will display the list of items from the defined group.
multi
If set, allows the user to select multiple items from the list, defaults to false.
Methods
getSelected()
Returns the entire data for the selected rows in the select list as an array, e.g.
[
{
"_id": "SIMPLE_PORTFOLIO:TRADES:AX/345543/456778",
"_type": "VarEvent",
"eventtime": "2025-05-30T09:31:50",
"eventstart": "2025-05-30T09:31:50",
"eventend": "2025-05-30T09:31:50",
"eventid": "AX/345543/456778",
...
}
]
refresh()
Refreshes the data in the grid.
Events
change
This custom event is fired whenever an item is selected, the event has the following detail:
{
"id": selected_id
}
Examples
List of events for a specific eventlist
<odsl-grid-panel name="Trades" service="event" source="private" filter='{"event":"SIMPLE_PORTFOLIO:TRADES"}'>
<odsl-grid-column field="TRADE_ID" headername="Trade Id"></odsl-grid-column>
<odsl-grid-column field="PRICE" headername="Price"></odsl-grid-column>
<odsl-grid-column field="VOLUME" headername="Volume"></odsl-grid-column>
</odsl-grid-panel>