Architecting your app with Sencha Touch 2 MVC, Part 4 http://www.sencha.com/blog/architecting-your-app-with-sencha-touch-2-mvc In the previous series of articles Part 1, Part 2, and Part 3, we explored architecting a Pandora-style application using the new features of Ext JS 4. We started by applying the Model-View-Controller architecture to a complex UI that has multiple views, stores and models. We looked at the basic techniques of architecting your application, like controlling your views from Controllers and firing application-wide events that controllers can listen to. We also discussed how to get references to views, controllers, models and the application itself. Lastly, we implemented several controllers to get a feel for how to implement basic application logic. In Sencha Touch 2, we introduced the newest iteration of our MVC architecture. Based on the same concepts found in the Ext JS 4 and Sencha Touch 1 MVC package, we have simplified existing features like control and reference syntaxes, and introduced new functionality like routes and history support. In this article, we will take the existing code we have created and upgrade it to use Sencha Touch 2 and the updated application architecture. We will discuss some of the differences in syntax and talk about some of the new concepts to consider. At the end of this article, you should be better prepared to go into your existing Sencha Touch 1 app and upgrade it to Sencha Touch 2, provided it is architected based on the principles discussed in the previous articles. en-us tommy@extjs.com Copyright 2012 2012-05-21T16:22:31+00:00 Comment by ??? ??~ ??~

]]> Fri, 08 Jun 2012 07:47 GMT http://www.sencha.com/blog//architecting-your-app-with-sencha-touch-2-mvc#id:31644#date:07:47 Comment by iplaytheme Hello I’m a french developper and I have a problem in your theme. I should want to know if your theme is compatible with menu and sub-menu for pages and category. I created 3 pages menu and 3 of them have sub-menu. But when I put my mouse on them, I never see the sub-menu. You can see that here : http://iplaytheme.com/ Under Association, there are 3 other pages. But it is not possible to see them. Have you a solution for me? Excuse me for my bad english, I hope that you understand me. Gretaings. Hello
I’m a french developper and I have a problem in your theme.
I should want to know if your theme is compatible with menu and sub-menu for pages and category.
I created 3 pages menu and 3 of them have sub-menu. But when I put my mouse on them, I never see the sub-menu.
You can see that here : http://iplaytheme.com/
Under Association, there are 3 other pages. But it is not possible to see them.
Have you a solution for me?
Excuse me for my bad english, I hope that you understand me.
Gretaings.

]]> Mon, 04 Jun 2012 09:26 GMT http://www.sencha.com/blog//architecting-your-app-with-sencha-touch-2-mvc#id:31626#date:09:26 Comment by Don A zip of the result would be super helpful for those of us trying to follow along at home A zip of the result would be super helpful for those of us trying to follow along at home

]]> Sat, 02 Jun 2012 19:30 GMT http://www.sencha.com/blog//architecting-your-app-with-sencha-touch-2-mvc#id:31620#date:19:30 Comment by Computerz101 Thanks for the code references that really helps. Is there a part 5 or this this the last of the 4 parts? Thanks for the code references that really helps. Is there a part 5 or this this the last of the 4 parts?

]]> Thu, 24 May 2012 20:35 GMT http://www.sencha.com/blog//architecting-your-app-with-sencha-touch-2-mvc#id:31584#date:20:35 Comment by Ankit Nice article, but where is source code ?? Is there any article to learn Sencha touch from scratch ? Nice article,
but where is source code ??

Is there any article to learn Sencha touch from scratch ?

]]> Tue, 22 May 2012 12:47 GMT http://www.sencha.com/blog//architecting-your-app-with-sencha-touch-2-mvc#id:31565#date:12:47 Comment by ???? ????? ????? +1 Links to other blog articles. Cannot find them on site search. +1 Links to other blog articles. Cannot find them on site search.

]]> Tue, 22 May 2012 12:30 GMT http://www.sencha.com/blog//architecting-your-app-with-sencha-touch-2-mvc#id:31564#date:12:30 Comment by Steven +1 For being consistent with these changes in ExtJs in the future! +1 For being consistent with these changes in ExtJs in the future!

]]> Tue, 22 May 2012 09:19 GMT http://www.sencha.com/blog//architecting-your-app-with-sencha-touch-2-mvc#id:31562#date:09:19 Comment by Mishka Samoylov Great! But where is the source? Great! But where is the source?

]]> Tue, 22 May 2012 06:54 GMT http://www.sencha.com/blog//architecting-your-app-with-sencha-touch-2-mvc#id:31561#date:06:54 Comment by Worth Lutz Will the noted differences in Touch 2 and Extjs 4 be made consistent in the future? Will the noted differences in Touch 2 and Extjs 4 be made consistent in the future?

]]> Mon, 21 May 2012 20:03 GMT http://www.sencha.com/blog//architecting-your-app-with-sencha-touch-2-mvc#id:31560#date:20:03 Comment by JW > To get a reference to a store, you should use the Ext.getStore() method. Is this really a good practice to encourage? It means all your data stores are essentially global variables, and could be modified in any function. This can make it hard to test and debug. > To get a reference to a store, you should use the Ext.getStore() method.

Is this really a good practice to encourage? It means all your data stores are essentially global variables, and could be modified in any function. This can make it hard to test and debug.

]]> Mon, 21 May 2012 18:46 GMT http://www.sencha.com/blog//architecting-your-app-with-sencha-touch-2-mvc#id:31559#date:18:46 Comment by CE What about an updated sourcecode for download? What about an updated sourcecode for download?

]]> Thu, 26 Apr 2012 08:46 GMT http://www.sencha.com/blog//architecting-your-app-with-sencha-touch-2-mvc#id:31375#date:08:46 Comment by Doug Millasich ummm. I was right the first time. The first three installments to the series was for Ext JS 4. Just like it says, in the first sentence of the first paragraph. ummm. I was right the first time. The first three installments to the series was for Ext JS 4. Just like it says, in the first sentence of the first paragraph.

]]> Wed, 25 Apr 2012 19:45 GMT http://www.sencha.com/blog//architecting-your-app-with-sencha-touch-2-mvc#id:31357#date:19:45 Comment by JD Where are the links to the first 3 parts of this series? Where are the links to the first 3 parts of this series?

]]> Wed, 25 Apr 2012 16:26 GMT http://www.sencha.com/blog//architecting-your-app-with-sencha-touch-2-mvc#id:31351#date:16:26 Comment by Doug Millasich Whoops. Just saw that the links for the article are specific to EXT JS. One espresso short of a semi-functional brain. Sorry - I too would like to have access to the fabled parts one, two and three of this article. Whoops.

Just saw that the links for the article are specific to EXT JS. One espresso short of a semi-functional brain. Sorry -

I too would like to have access to the fabled parts one, two and three of this article.

]]> Wed, 25 Apr 2012 16:25 GMT http://www.sencha.com/blog//architecting-your-app-with-sencha-touch-2-mvc#id:31350#date:16:25 Comment by John Storey +1 Links to other blog articles. Cannot find them on site search. +1 Links to other blog articles. Cannot find them on site search.

]]> Wed, 25 Apr 2012 16:23 GMT http://www.sencha.com/blog//architecting-your-app-with-sencha-touch-2-mvc#id:31349#date:16:23 Comment by Doug Millasich Previous Article Links: http://www.sencha.com/learn/architecting-your-app-in-ext-js-4-part-1 http://www.sencha.com/learn/architecting-your-app-in-ext-js-4-part-2 http://www.sencha.com/learn/architecting-your-app-in-ext-js-4-part-3 Previous Article Links:

http://www.sencha.com/learn/architecting-your-app-in-ext-js-4-part-1

http://www.sencha.com/learn/architecting-your-app-in-ext-js-4-part-2

http://www.sencha.com/learn/architecting-your-app-in-ext-js-4-part-3

]]> Wed, 25 Apr 2012 16:15 GMT http://www.sencha.com/blog//architecting-your-app-with-sencha-touch-2-mvc#id:31347#date:16:15 Comment by JD Elliott Another vote for links to past articles. Searching the blog doesn’t bring up these articles. Thanks! Another vote for links to past articles. Searching the blog doesn’t bring up these articles. Thanks!

]]> Wed, 25 Apr 2012 16:12 GMT http://www.sencha.com/blog//architecting-your-app-with-sencha-touch-2-mvc#id:31346#date:16:12 Comment by Steffen Hiller Is that new in ST 2.0.1 final that you can use autoCreate without specifying an xtype? Didn’t work till 2.0.1rc. (btw, there’s a console.log and debugger in the station controller launch method.) Is that new in ST 2.0.1 final that you can use autoCreate without specifying an xtype?
Didn’t work till 2.0.1rc.

(btw, there’s a console.log and debugger in the station controller launch method.)

]]> Wed, 25 Apr 2012 15:05 GMT http://www.sencha.com/blog//architecting-your-app-with-sencha-touch-2-mvc#id:31344#date:15:05 Comment by Laurence Rochfort Hi, Could you please provide links to each part of this article? Many thanks, Laurence. Hi,

Could you please provide links to each part of this article?

Many thanks,
Laurence.

]]> Wed, 25 Apr 2012 14:15 GMT http://www.sencha.com/blog//architecting-your-app-with-sencha-touch-2-mvc#id:31341#date:14:15