Sencha Touch MVC Best Practices

Question

Zihni Sencha Touch'ın MVC çerçevesi etrafına sarmaya çalışıyorum ama birkaç farklı yaklaşım buluyorum. Birinde, here'da, SenchaCon 2010'da sunulan Sencha Touch uygulamalarının yapılandırılmasına yönelik bir yaklaşım var. Sencha Touch çalışanı olmanın ek ağırlığına sahiptir, ancak birkaç aylıktır. Diğer bir deyişle, Sencha Touch MVC'deki daha yeni yayınlarda, özel denetleyici yöntemlerini çağırmak için görünümlerde Ext.Dispatch'e güveniyor gibi görünen eğiticilerin (örneğin, here, Manning'in Sencha In Action Jay Garcia) var denetleyiciye, denetleyicinin farkında olmasını sağlayan ek elemanlar geçirme.

Sorum bir Sench Dokunmatik MVC uygulamasını yapısının en iyi uygulama olarak kabul edildiği, nedir?

Answer 1

Denetleyicilerinizin görüntülenmesini sağlamanızı öneririz. Bir kontrolör gönderme olayı aldığında aşağıdakine benzer bir şey olmalıdır:

this.controllerViewOne = this.controllerViewOne 
         || this.render({ 
           xtype: 'panel', 
           listeners: { 
             onMajorUIAction : function(params){ 
              Ext.Dispatch({ 
               controller : 'ProperController', 
               action  : 'ProperAction', 
               historyUrl : 'ProperHistoryUrl', 
               params : params 
              }); 
             } 
           } 
          }); 

Bu, bir uzayda kontrolörleri görünümlerin her biri için "Ana" dinleyicileri tümüne sahip yararı vardır. Ayrıca, diğer denetleyicilerin görünümlerini yeniden kullanmak daha kolay hale gelir.

Görüşleriniz tüm bireysel bileşenleri ve onların olayları/dinleyiciye karmaşıklığı soyut yardımcı dinleyicileri sahip olmalıdır.

G/gizleme bir ana araç çubuğu gösteren veya arka düğmesi gösterme gibi küresel UI değişiklikleri için bir UI yöneticisini kullanın.

Answer 2

Benzer sorularım vardı. Sencha, görünüm bileşeni örnekleriniz için çok sayıda getter yaratmayı otomatik hale getirir. Çok kafa karıştırıcı.

Ben Sencha'sı dokunun 2.0 alınır ve bir örnek olarak bir araya komple MVC iskele uygulamasını koyduk. ExtJS 4.0 MVC mimarisini temel aldım. Bu Sencha Touch 2.0 Geliştirici Önizleme ile kutunun dışında çalışacak ve size zaman kazandırır.

https://github.com/FrancisShanahan/SenchaTouch2MVCHelloworld

özel soruya cevap vermek için, son ExtJS 4,0 MVC mimarisi kumandanın init etkinliği içinde görünüm bileşenlerinin örneklerine dinleyicileri kurar.

Ext.define('HelloWorld.controller.Home', { 
    extend: 'Ext.app.Controller', 
    views: ['Home', 'SimpleList'], 
    .. etc... 
    init: function() { 
     // Start listening for events on views 
     this.control({ 
       // example of listening to *all* button taps 
       'button': { 'tap': function() { 
      console.log('Every button says Hello world'); 
     } 
    ... 

o selamlarımı yardımcı olursa haber verin Madem birden kontrolörleri bu won' içine uygulamayı kırmaya emin olarak