ElementUtils

ElementUtils

ElementUtils creates DOM wrapper for JSactions core Objects such as View, ViewNavigator, ViewStack, Component, Container

JSactions core object -> HTML DOM wrapper

ViewNavigator HTML DOM wrapper: < div class="jsact-viewnavigator ${navigatorId}" >

ViewStack HTML DOM wrapper: < div class="jsact-viewstack ${viewstackId}" >

View HTML DOM wrapper: < div class="jsact-view ${viewId}" >

Container HTML DOM wrapper: < div class="jsact-container ${containerId}" >

Component HTML DOM wrapper: < div class="jsact-component ${componentId}" >

Constructor

new ElementUtils()

Source:

Methods

(static) component(_componentId, _viewId) → {string}

Source:

Find Component DOM Element by ComponentID

Example
let tmpViewId = this.id; 
        let buttonEl = ElementUtils.component("buttonComp",tmpViewId);
Parameters:
Name Type Description
_componentId string
_viewId string
Returns:

Component DOM Element with ".jsact-component" css class

Type
string

(static) constructComponentBaseElement(_componentId) → {string}

Source:

Creates Component Base DOM Element by ComponentID

Parameters:
Name Type Description
_componentId string
Returns:

Component DOM Element with ".jsact-component" css class

Type
string

(static) constructContainerBaseElement(_containerId) → {string}

Source:

Creates Container Base DOM Element by ContainerID

Parameters:
Name Type Description
_containerId string
Returns:

Container DOM Element with ".jsact-container" css class

Type
string

(static) constructNavigatorBaseElement(_navigatorId) → {string}

Source:

Creates ViewNavigator Base DOM Element by ViewNavigatorID

Parameters:
Name Type Description
_navigatorId string
Returns:

ViewNavigator DOM Element with ".jsact-viewnavigator" css class

Type
string

(static) constructViewBaseElement(_viewId) → {string}

Source:

Creates View Base DOM Element by ViewID

Parameters:
Name Type Description
_viewId string
Returns:

View DOM Element with ".jsact-view" css class

Type
string

(static) constructViewStackBaseElement(_viewStackId) → {string}

Source:

Creates ViewStack Base DOM Element by ViewStackID

Parameters:
Name Type Description
_viewStackId string
Returns:

ViewStack DOM Element with ".jsact-viewstack" css class

Type
string

(static) container(_containerId, _viewId) → {string}

Source:

Find Container DOM Element by ContainerID

Example
let tmpViewId = this.id; 
        let buttonContEl = ElementUtils.container("helloContainer",tmpViewId);
Parameters:
Name Type Description
_containerId string
_viewId string
Returns:

Container DOM Element with ".jsact-container" css class

Type
string

(static) generateComponentId() → {string}

Source:

Generate Unique Component Instance ID

Returns:
Type
string

(static) generateContainerId() → {string}

Source:

Generate Unique Container Instance ID

Returns:
Type
string

(static) hideElement(_el)

Source:

Hide DOM Element

Parameters:
Name Type Description
_el string

DOM Element

(static) isVisible(_el) → {Boolean}

Source:

Check if DOM Element is visible

Parameters:
Name Type Description
_el string

DOM Element

Returns:
Type
Boolean

(static) showElement(_el)

Source:

Show DOM Element

Parameters:
Name Type Description
_el string

DOM Element

(static) view(_viewId) → {string}

Source:

Find View DOM Element by ViewID

Example
let tmpViewId = this.id; 
        let viewEl = ElementUtils.view(tmpViewId);
Parameters:
Name Type Description
_viewId string
Returns:

View DOM Element with ".jsact-view" css class

Type
string

(static) viewNavigator(_viewNavId) → {string}

Source:

Find ViewNavigator DOM Element by ViewNavigatorID

Example
let tmpNavigatorId = this.id; 
        let viewEl = ElementUtils.viewNavigator(tmpNavigatorId);
Parameters:
Name Type Description
_viewNavId string
Returns:

ViewNavigator DOM Element with ".jsact-viewnavigator" css class

Type
string

(static) viewStack(_viewStackId) → {string}

Source:

Find ViewStack DOM Element by ViewStackID

Example
let tmpViewstackId = this.id; 
        let viewEl = ElementUtils.viewStack(tmpViewstackId);
Parameters:
Name Type Description
_viewStackId string
Returns:

ViewStack DOM Element with ".jsact-viewstack" css class

Type
string