Element: <oj-c-selection-card>

CORE PACK

Oracle® JavaScript Extension Toolkit (JET)
18.1.0
G25382-01

Since:
  • 16.0.0
Module:
  • selection-card

QuickNav

Methods


JET Selection

Description: Themeable, WAI-ARIA-compliant element that represents a card.

Selection Card provides a styled rectangular area for use in collections. 


<oj-c-selection-card" selected="[[isSelected]]">
  Sample Text
</oj-c-selection-card>

Differences between Cards in JET

There are several different options for creating cards in JET applications.

  • oj-c-action-card: ActionCard fires action events and is supported for use stand alone or in oj-c-card-view. For accessibility reasons nothing interactive (for example links or buttons) can be put in an action card.
  • oj-c-selection-card: SelectionCard is supported for use in oj-c-card-view, with single or multiple selection.
  • oj-panel CSS class: For simple cases with no associated action or selection. Panel is supported for use in standalone or in oj-c-card-view.


Usage

Signature:

interface CSelectionCardElement

Typescript Import Format
//To typecheck the element APIs, import as below.
import { CSelectionCardElement } from "oj-c/selection-card";

//For the transpiled javascript to load the element's module, import as below
import "oj-c/selection-card";

For additional information visit:

Note: Application logic should not interact with the component's properties or invoke its methods until the BusyContext indicates that the component is ready for interaction.


Methods

getProperty(property) : {any}

Retrieves the value of a property or a subproperty.
Parameters:
Name Type Description
property The property name to get. Supports dot notation for subproperty access.
Returns:
Type
any

setProperties(properties) : {void}

Performs a batch set of properties.
Parameters:
Name Type Description
properties An object containing the property and value pairs to set.
Returns:
Type
void

setProperty(property, value) : {void}

Sets a property or a single subproperty for complex properties and notifies the component of the change, triggering a corresponding event.
Parameters:
Name Type Description
property The property name to set. Supports dot notation for subproperty access.
value The new value to set the property to.
Returns:
Type
void