Class Detail

var ctx = {};

var scrollToLoad = new wink.plugins.ScrollToLoad(
{
	scroller: new wink.ui.layout.Scroller(
	{
		target: 'scrollContent',
		direction: 'y',
		callbacks: 
		{
			stopSliding: { context: ctx, method: 'onScroll' },
			endScrolling: { context: ctx, method: 'onScroll' }
		}
	}),
	content: wink.byId('scrollContent'),
	waitText: 'Click here to load more',
	loadingText: 'Loading...',
	spinner: new wink.ui.xy.Spinner({ background: "light", size: 20 }),
	pageSize: 600,
	onPageChanged: function(pageindex, pagecount, onLoading, onEnd) 
	{
		onLoading();
		// load more or not depending on pageindex
		onEnd();
	},
	onLoadMore: function(onLoading, onEnd)
	{
		onLoading();
		// load more or not depending on pageindex
		onEnd();
	}
});

ctx.onScroll = wink.bind(scrollToLoad.onScroll, scrollToLoad);

Parameters:

{object} properties

The properties object

{wink.ui.layout.Scroller} properties.scroller Optional

An optional scroller used

{HTMLElement} properties.content

The content node

{string} properties.waitText

The wait text

{string} properties.loadingText

The loading text

{wink.ui.xy.Spinner} properties.spinner

The spinner

{integer} properties.pageSize Optional, Default: viewport_height

The page size used to compute paging

{function} properties.onPageChanged

The callback called when the current page changed

{function} properties.onLoadMore

The callback called when the action to load more is raised

See:

Test page

Test page (with scroller)

Field Detail

Method Detail

• onClick()
  method called when a click occurs
• onScroll()
  method called when a scroll occurs