Element: <oj-defer>

Oracle® JavaScript Extension Toolkit (JET)
9.1.0
F30737-01

Signature:

class ojDefer

Version:
  • 9.1.0
Since:
  • 4.0.0
Module:
  • ojdefer

Module usage

See JET Module Loading for an overview of module usage within JET.

Typescript Import Format
//To typecheck the element APIs, import as below.
import {ojDefer} from "ojs/ojdefer";

//For the transpiled javascript to load the element's module, import as below
import "ojs/ojdefer";

JET In Typescript

A detailed description of working with JET elements and classes in your typescript project can be found at: JET Typescript Usage.

The oj-defer custom element delays applying bindings to its children until it is activated. It works by disconnecting child elements from the DOM tree until the parent component activates its subtree. In addition, the tag will defer binding execution and disconnect children within hidden subtrees of the components which support it. There are several components which support oj-defer:
  • Collapsible
  • Dialog
  • Film Strip
  • Off Canvas
  • Popup
  • MasonryLayout
  • Menu
  • Composite Component Slots
Note: For composite component slots, the oj-defer element could have a slot attribute specified directly on it, i.e. <oj-defer slot="something">, or <oj-defer> could appear within a child subtree of the element with a slot attribute. Also, the current implementation may allow bindings to be applied to the content within <oj-defer> prematurely if the tag is used in one of the 'hiding' components that is nested within another 'hiding' component. That limitation will be removed in the future.