Class: Renderable

Renderable

new Renderable(domAttributes)

This class implements renderable interface. Renderable is an object that can have child Renderable elements. Renderable.render method creates DOM element with child elements according to domAttributes property. Any renderable can have on method that will be called when DOM element event with corresponding name is triggered e.g. renderable.onClick willbe called on $(element).trigger('click').
Parameters:
Name Type Description
domAttributes src:"url" json object e.g. : id: 'element-id', class: ["class1","class2"], element: '
', attributes:
Source:

Methods

(private) _addCssClasses(e)

Adds css classes to element being created.
Parameters:
Name Type Description
e
Source:

(private) _addCssId(e)

Adds id to element being created.
Parameters:
Name Type Description
e
Source:

(private) _addHtmlAttributes(e)

Adds html attributes to element being created.
Parameters:
Name Type Description
e
Source:

(private) _addJsCallbacks(e)

Adds event callbacks using on methods to element being created. Any method that matches ^on[A-Z].* will be added to event callbacks.
Parameters:
Name Type Description
e
Source:

addChild(c)

Adds renderable to children renderables
Parameters:
Name Type Description
c SUXESS.Renderable
Source:

addDomCallback(event, fn)

Adds callback to last render and any future renders. Basically same as $(render).on(event,fn)
Parameters:
Name Type Description
event
fn
Source:

getChildren() → {Array}

Returns array of children elements.
Source:
Returns:
- Array of SUXESS.Renderable
Type
Array

getRender() → {element}

Returns last rendered dom element.
Source:
Returns:
Type
element

render() → {DOM}

Returns DOM element with child elements according to domAttributes with proper callbacks bound.
Source:
Returns:
- DOM element
Type
DOM