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

Working in IT since 1985. Started as COBOL and RPG/LE software developer. This was followed by a carrier as IT manager for several international operating companies. Started own business with Enovision in 2007. Since dedicated to internet software development on both server and frontend. Advises companies on developing successful internet strategies.

4 Comments

dibish

7 years ago

Very useful article..Thanks..

Dom

7 years ago

Remarkably clear among relatively convoluted subject matter. Much appreciated.

ANILINA

7 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

6 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

	How to make glyphs work in Sencha Architect and Ext JS Ext JS Sencha Touch27 Nov 2013 Sencha's documentation about glyphs (icons) on buttons, panels and tabs in Sencha Ext JS and Touch is poor. Let me show you how it is done in 10 minut...
	Fix for Ext JS release 3 drag and drop problem with grids in windows Ext JS22 Jan 2014 This post shows an easy fix for the Ext JS 3 problem with drag and drop with grids and reopening Ext.Window objects.
	How to SASS with Ext JS and Sencha CMD Ext JS03 Sep 2015 Doing SASS with Ext JS is not always easy to begin with. This article shows you how you modify your theme successfully.
	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.
	Remove the red modified tags in an ExtJS 4 gridpanel Ext JS17 Mar 2014 Ext JS places small red tags in the corner of a grid cell, once the cell is modified. Not everybody is fan of that. So let's remove them.
	Localizing your Ext JS packages Ext JS03 Jan 2016 Packages in Ext JS are useful to share code between applications In this article I am going to show how to localize Ext JS packages the Sencha way.
	Event listeners in Sencha Touch 2, the Ext JS approach Ext JS Sencha Touch04 Jul 2013 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.
	Sencha app watch switch off SASS and theming Ext JS Sencha Touch17 Mar 2014 How to make Sencha watch processing a little faster