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