Card View

Overview

The Card View displays data in card form, where cards can show covers and fields.

Settings

Setting	Description
Selection Mode	Sets the selection mode of cards. Options: None, Checkbox, Single Selection
Set records that meet the following conditions as non-selectable	Configurable when the selection mode is Checkbox or Single Selection. If the expression result returns true, the record cannot be selected.
Grouping Field	Groups by field data as the group name display of cards. No grouping if not set.

Card Style

Style settings for the card part of the view, supporting multiple card rendering methods.

Since other views also use this configuration, it is uniformly explained in the Card Style chapter.

Example

In the following, we will demonstrate the card view's capabilities using a batch task completion scenario in task management.

Set records that meet the following conditions as non-selectable:

${rowRecord.state == 'cancel' || rowRecord.state == 'complete'}

Record Display Style:

1. When the following conditions are met, set the text color of the Start Time field to #5D7092:

   ${rowRecord.state == 'unstart'}

2. When the following conditions are met, set the text color of the Start Time field to #5B8FF9:

   ${rowRecord.state == 'progress'}

3. When the following conditions are met, set the text color of the Start Time field to #FAAD14:

   ${rowRecord.state == 'cancel'}

4. When the following conditions are met, set the text color of the Start Time field to #57CA8C:

   ${rowRecord.state == 'complete'}

1. Add a Toolbar Control in the Toolbar, set the execution action to Call Automation, and set the input parameter to ${tableSelectedRecordList}.

2. Create an automation.

3. Add an Update Record step, set the data table to Task Table, and set the values of the fields as follows:

   Field	Value
   Status	complete
   Actual Completion Time	${Date.sysdate()}
   Completion Rate	${100}

4. Add a Refresh Module step, and set the parameter Module to the current Card View module.