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

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

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

	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.
	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.
	Form validation in Sencha Touch Sencha Touch03 Jul 2013 Regarding form validation Sencha Touch is certainly not Ext JS. By default it doesn't have any validation mechanisms on forms. Models will help us out...
	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.
	ExtJS, Conditional destroying of a Ext.Window component Ext JS17 Feb 2013 This Ext JS tip shows how you can conditionally destroy a window with a confirmation.
	Conditionally change the CSS of an ExtJS Gridpanel row Ext JS17 Mar 2014 Change the color of an ExtJS Gridpanel row
	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.
	Checkbox group, select just one or none Ext JS03 Aug 2018 Custom control Sencha Ext JS checkboxgroup select one or none (updated august 2018)