Skip to content
A plugin to add 'Pull to Refresh' functionality to a List
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.



This is a plugin based on enormego's EGOTableViewPullRefresh implementation which works with Sencha Touch.

Same concept as usual - you have a list of items, and you drag the list down which reveals the 'Pull To Refresh…' section. Releasing the list and letting it bounce back into place will trigger a reload. Sliding the list back up past a certian point then releasing it will not cause a reload.

Resources for CSS and Images are located in the resources folder. Image URL's in the CSS will need to be updated to suit your particular setup.


    xtype: 'list',
    plugins: [new Ext.ux.touch.ListPullRefresh({
      listeners: {
         'released': function(plugin,list){
           // call the plugins processComplete method to hide the 'loading' indicator
           // do whatever needs to happen for reload

The 'released' event is fired when the user drags this list past the required distance and releases it. This will also display the 'loading' indicator, which will need to be removed when your done doing whatever it is you need to do by calling the plugins processComplete method.

You can’t perform that action at this time.