TartJS

Class: InfiniteScrollComponent

InfiniteScrollComponent

new tart.ui.InfiniteScrollComponent(opt_el)

ui/InfiniteScroll/InfiniteScrollComponent.js, line 32

InfiniteScrollComponent is a small component which checks the scroll position of a given DOM element, and if it's in an appropriate position, fires a LOAD event for the parent component to act upon. When the parent component is done loading new items, it should reset this InfiniteScrollComponent with the reset() method.

Name Type Description
opt_el Element optional

Optional element to track its scroll.

Extends

Members

endOfListTextstring

Message to show when no more items are available to load.

Methods

inherited protectedbindModelEvents()

ui/DlgComponent.js, line 71

Listens to the model's events. This method should be overriden by the implementer, and should keep the model's event listeners.

inherited disposeInternal()

ui/DlgComponent.js, line 132

inherited getChild(selector){Object}

ui/DlgComponent.js, line 82

Returns children of component's element

Name Type Description
selector string

Expression which is searching in component element. This is kind of $ for selecting dom element.
Returns:
Type Description
Object

inherited getElement(){Element}

ui/DlgComponent.js, line 50

Returns the dom element attached with the Component instance.

Returns:
Type Description
Element

inherited getId(){string}

ui/DlgComponent.js, line 114

Returns the id of this component.

Returns:
Type Description
string The id of this component.

inherited getPlaceholder(){string}

ui/DlgComponent.js, line 61

Returns base template of component

Returns:
Type Description
string

register(el)

ui/InfiniteScroll/InfiniteScrollComponent.js, line 77

Registers an element to track its scroll. This can be used for lazily introducing an element to track.

Name Type Description
el Node

Element to track.

inherited render(opt_base, opt_index)

ui/DlgComponent.js, line 102

This method should be called after the DlgComponent is inserted into the document. Any work (rendering child components, updating DOM, etc.) should be done in this method.

Name Type Description
opt_base Element optional

Optional element to render this item into.
opt_index number optional

Place to render element in base element's children list.

reset()

ui/InfiniteScroll/InfiniteScrollComponent.js, line 67

Resets the component state to default. This should be used to signal the end of loading so that this component can again check for loading.

showEndOfList()

ui/InfiniteScroll/InfiniteScrollComponent.js, line 128

Shows end of list message if no more items are available.

showSpinner()

ui/InfiniteScroll/InfiniteScrollComponent.js, line 118

Shows spinner during load.

inherited templates_base(){string}

ui/DlgComponent.js, line 124

Template of the root element. This method can be overridden if necessary. Other templates should be named with the templates_ prefix as necessary. Also this template carries related component's id.

Returns:
Type Description
string