Grid

Grid is a high-capacity data-specific component, which loads data faster compared to the List Component.

It is used when displaying a large amount of data on a screen.

• How to Create

1. Select Grid type in New Component Popup Screen, and then click Next button.
2. Enter the Component Name, the name displayed on the screen (Symbolic String or Custom Name), and then select created Business Object, then click the Next button.
3. Select the fields(items) to be displayed in the Grid. The fields from the chose Business Object are shown, with System Fields already selected by default.

• Applicable Component Attributes

1. Tab Pane Id: When the screen is composed of a Tab Component and the corresponding component is placed at the bottom, then Panel Id value of the Tab Component is registered and used to connect to the Tab.
2. Use Checkbox: The Use Checkbox setting determines whether the checkboxes in the list are initially displayed as selected. By default, it's set to No, meaning the checkboxes are not selected when displayed. If changed to Yes, the checkboxes in the list are displayed as selected by default.
3. Single Check: Change the setting from using checkboxes to using radio button for single selection by selecting Yes in the Use Checkbox option. By default, it is set to No, and changing it to Yes will add a column with radio button at the beginning of each row in the list.
4. Use Drag and Copy: Add drag-and-copy functionality to the List.
5. Style - Size: Set the size of the Component, specifying it in pixels or percentage units.
6. Style - Background Color: Set the background color for the Component.
7. Style – Outline: Set the type of outline for the Component.

• Available List of Services

Name	Platform	Description
load	Common	Event that occurs when data loading

1. Load: The event that occurs when the component is loaded is known as the "Load Event." You can register a service to fetch data for the List Component during this event.

INFO

While registering a service for the Load Event, you can use the Check Action and Lambda.

Select Lambda in _Step1, if you click edit icon, it will redirect to the edit screen._

Select the /CalsComWebCommonSelectData for Lambda field, set Type as Data, Target as List Component and then save.