Pull to refresh not working

1

My framework7 pull to refresh does not fire the ‘ptr:refresh’ when activated. The UI responds and shows the arrow as i pull down, but no javascript event seems to fire with this action.

<div class="page-content ptr-content">
	<div class="ptr-preloader">
		<div class="preloader"></div>
		<div class="ptr-arrow"></div>
	</div>
	<div class="list media-list">
		<ul class="rounded">
		</ul>
	</div>
</div>

var ptr = app.ptr.get('.ptr-content');

ptr.on('ptr:refresh', function (e) {
  console.log('This does not fire!');
});
2

should be

ptr.on('refresh',
1 Like
3

Is it ptr:refresh or just refresh - the docs and other posts on this forum from April seem to say ptr:refresh

Also, is there a way to build the refresh behavior for a list inside the component-url itself? Can I catch the refresh event there, update data from my DB and refresh the page from there?