Event listeners in Sencha Touch 2, the Ext JS approach

04 Jul

2013

Johan van de Merwe

Event listeners in Sencha Touch 2 is a bit different than in Ext JS. This article shows how you can still stay close to Ext JS.

I have been developing Ext JS for a long time now and recently I have started with Sencha Touch 2. And while I am at it, I have the feeling that the Ext JS team and the Touch team are lately not in the same building.

Johan van de Merwe

Since 1985 working in the field of IT. Started as mainframe software developer, followed by a carrier in IT management for several international operating companies. Started in 2007 Enovision, first in Germany and currently in the Netherlands. Is dedicated to internet software development, mainly with Sencha Ext JS, PHP and MySQL. Advises companies on developing successful internet strategies.

4 Comments

dibish

6 years ago

Very useful article..Thanks..

Dom

6 years ago

Remarkably clear among relatively convoluted subject matter. Much appreciated.

ANILINA

6 years ago

How to mix Tap and drag events both.
Drag event should happen after TapHold.

i am following this code "http://druckit.wordpress.com/2013/04/08/tap-and-drag-animation-domination-part-3-of-3-implementing-drag-and-drop-in-sencha-touch-2/"

suggest me some code help.

kapil kumar chawala

5 years ago

Thanks for this!
Very useful article.
It explains in a very cleaner way how to use listeners with MVC in a correct way.
I think it is also the explanation of the following question :
http://stackoverflow.com/questions/8515336/sencha-touch-2-correct-way-to-add-listeners-in-the-mvc

More from same category

	ExtJS 4, extend the Ext.toolbar.paging class to change some behavior Ext JS20 Mar 2014 In this article we extend the ExtJS 4, Ext.toolbar.paging (pagingtoolbar) class to add some useful extra functionality.
	Ext.ux.ListPaging, Sencha Touch paging of Dataview Lists Sencha Touch09 Jul 2013 In this article I will show a sample with the Ext.ux.ListPaging plugin for paging dataview lists (Ext.dataview.List) class.
	How to install Sencha Cmd on Debian Jessie Ext JS Sencha Touch12 Sep 2015 A step by step instruction for installing Sencha Cmd on Linux Debian Jessie. Great reading for Linux noobies.
	How to reuse Ext JS models and stores in Sencha Touch 2 Ext JS Sencha Touch04 Jul 2013 By default Sencha Touch is not compatible with Ext JS definitions. This article shows how you can trick Ext JS to reuse your Ext JS models and stores...
	Sencha Ext JS, building web apps that fit to your business needs Ext JS01 Jul 2013 Sencha Ext JS is maybe the only JavaScript framework that can be used well to build large applications that run in a web browser.
	Tell Sencha CMD and Sencha Architect what Ruby installation to use Ext JS23 Dec 2013 This article tells you what you can do to tell Sencha CMD where to find Ruby when it tells you it couldn't be found.
	Sencha Cmd, how to setup an Ext JS app based on Neptune theme Ext JS11 Dec 2013 In this article I will show how to setup an Ext JS app with Sencha Command (version 4.0.1.30) and a custom theme based on the Ext JS neptune theme.
	How to submit the formatted datepickerfield value in Sencha Touch 2 Sencha Touch15 Jul 2013 This small article shows how you can submit a formatted date of a datepickerfield in Sencha Touch.