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

8 years ago

Very useful article..Thanks..

Dom

8 years ago

Remarkably clear among relatively convoluted subject matter. Much appreciated.

ANILINA

8 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

8 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

	Sencha Themer Early Access review Ext JS News01 Jul 2016 Soon Sencha will release a new product called Sencha Themer. We already have taken a look at it and wrote an early access review. We're excited!
	Ext JS, Validate 2 number fields in form with a validator Ext JS06 Jan 2014 This post shows you how you can validate 2 number fields (Ext.form.field.Number) in an Ext JS (4) form.
	Ext JS checkbox group, select just one or none Ext JS03 Aug 2018 Custom control Sencha Ext JS checkboxgroup select one or none (updated august 2018)
	Add extra parameters with an ExtJS TreeStore server request. Ext JS Snippets28 Feb 2014 In this article I will show how one can add extra parameters to an Ext.tree.Store when requesting data from the server.
	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.
	Turn your ExtJS 4 singletons into heavy and useful workers Ext JS03 Mar 2014 This article shows how you can turn your ExtJS (4) singletons into useful and heavy workers. With update on an earlier FontAwesome article.
	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.
	How to add a tooltip to an Extjs 4 gridpanel row using an xTemplate Ext JS19 Mar 2014 How to add a tooltip to an Extjs 4 gridpanel row, using an xTemplate