Sencha टच MVC उत्तम आचरण

Question

मैं Sencha टच के MVC ढांचे के आसपास मेरे मन लपेटो करने की कोशिश कर रहा हूँ, लेकिन मैं अलग दृष्टिकोण की एक जोड़ी खोजने हूँ। एक में, here मिला, सेनचाकॉन 2010 में प्रस्तुत सेन्चा टच ऐप को संरचित करने का एक दृष्टिकोण है। इसमें सेन्चा टच कर्मचारी द्वारा जोड़ा जाने वाला वजन है, लेकिन यह कई महीने पुराना है। अन्य, Sencha टच MVC पर और हाल की पोस्ट में, वे (जैसे here के रूप में, साथ ही मैनिंग MEAP Sencha कार्रवाई में जे गार्सिया द्वारा) ट्यूटोरियल है कि विचारों में Ext.Dispatch पर भरोसा करने के लिए विशिष्ट नियंत्रक तरीकों कॉल करने के लिए लग रहे है, नियंत्रक को अतिरिक्त तत्व पास करना, जो विचार नियंत्रक-जागरूक बनाता है।

मेरा प्रश्न है जो एक Sench टच MVC अनुप्रयोग की संरचना करने के लिए सबसे अच्छा अभ्यास माना जाता है, है?

Answer 1

मैं आपके नियंत्रकों को जागरूक बनाने का सुझाव देता हूं। एक नियंत्रक एक प्रेषण घटना प्राप्त करता है जब आप निम्न जैसा कुछ होना चाहिए:

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

यह एक अंतरिक्ष में नियंत्रकों से प्रत्येक दृश्य के लिए "मुख्य" श्रोताओं के सभी होने का अतिरिक्त लाभ है। इसका मतलब यह भी है कि अन्य नियंत्रकों के लिए विचारों का पुन: उपयोग करना आसान हो जाता है।

आपके विचार सभी श्रोताओं कि सार अलग-अलग घटकों और उनके घटनाओं/श्रोताओं की जटिलताओं को मदद होनी चाहिए।

मैं छुपा/एक मुख्य उपकरण पट्टी दिखा या एक वापस बटन प्रदर्शित की तरह वैश्विक यूआई परिवर्तन के लिए एक यूआई प्रबंधक का उपयोग करें।

Answer 2

मेरे समान प्रश्न थे। सेन्चा आपके व्यू घटक उदाहरणों के लिए बहुत से गेटर सृजन को स्वचालित करता है। यह बहुत भ्रमित है।

मैं Sencha टच 2.0 लिया और एक उदाहरण के रूप में एक साथ एक पूरा MVC पाड़ आवेदन डाल दिया है। मैंने इसे एक्स्टजेस 4.0 एमवीसी आर्किटेक्चर से बाहर कर दिया है। यह सेन्चा टच 2.0 डेवलपर पूर्वावलोकन के साथ बॉक्स से बाहर काम करेगा और आपको एक टन समय बचाएगा।

https://github.com/FrancisShanahan/SenchaTouch2MVCHelloworld

अपने विशिष्ट सवाल का जवाब करने के लिए, नवीनतम ExtJS 4.0 MVC वास्तुकला नियंत्रक के init घटना के भीतर दृश्य घटकों के उदाहरण के लिए श्रोताओं सेट करता है। यहाँ एक उदाहरण GitHub परियोजना पहले से लिंक से लिया है:

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'); 
     } 
    ... 

मुझे पता है अगर यह मदद करता है, संबंध है,