How to generate up and down swipe event on toolbar

[swathi001]

// I am able to generate left and right swipe functionality on toolbar but its not working on up and down swipe. Here is my code from view first i am creating toolbar

 {  
              xtype:'toolbar',
              docked:'bottom',
              id:'menuBackPanel'
  }

// Here my code to access that tool bar using toolbar id in controllers initialize method

var meta = Ext.getCmp('menuBackPanel');
 if (meta)
 {
   meta.element.on({ swipe: function (e) 
    {
            appName.app.getController('appName.controller.MenuController').triggerTest(cc);
     }
   });
 }

// here my code to navigate to another view

triggerTest: function(cc)
{
          var cc = this.getHomepage();
         Ext.Viewport.animateActiveItem(cc, this.slideUpTransition);
   }

//My problem is that when i swipe the toolbar event not generating

[mitchellsimoens]

Instead of doing

appName.app.getController('appName.controller.MenuController').triggerTest(cc);

I would fire a custom event on the toolbar and have the controller listen for that event.

[ckd]

Add this to ur Ext.application:

eventPublishers: {
touchGesture: {
recognizers: {
swipe: {
//this will include both vertical and horizontal swipe recognisers
xclass: 'Ext.event.recognizer.Swipe'
}
}
}
}