Element: <oj-defer>

Oracle® JavaScript Extension Toolkit (JET)
14.0.0

F60128-02

Since:
  • 4.0.0
Module:
  • ojdefer

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.


Usage

Signature:

interface DeferElement

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

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

For additional information visit: