Emberjs

Question

रद्द करने पर वापस जाएं I मेरे पास विभिन्न स्क्रीन (उपयोगकर्ता सूची, उपयोगकर्ता समूह आदि से) से प्रदर्शित उपयोगकर्ता का एक लिंक है। जब लिंक क्लिक किया जाता है, तो उपयोगकर्ता को संपादित करने के लिए प्रस्तुत किया जाता है। जब संपादन बटन में रद्द बटन दबाया जाता है, तो मैं पिछली स्क्रीन उपयोगकर्ता सूची/समूह में संक्रमण करना चाहता हूं। यह आम तौर पर एम्बरज में कैसे प्राप्त किया जाता है।

धन्यवाद, मुरली

Answer 1

आप कुछ भी नहीं की जरूरत है

history.back() 

मुख्य डिजाइन में से एक एम्बर के उद्देश्यों, और वास्तव में अधिकांश ओपीए ढांचे, ब्राउज़र के इतिहास के ढेर के साथ सामंजस्यपूर्ण रूप से काम करना है ताकि back "बस काम करता है"।

तो आपको अपने स्वयं के मिनी-इतिहास स्टैक, या वैश्विक चर या संक्रमण हुक को बनाए रखने की आवश्यकता नहीं है।

आप अपने आवेदन राउटर में back कार्रवाई कर सकते हैं, जिसमें प्रत्येक क्रिया से कौन से क्रियाएं बुलबुले हो जाएंगी, ताकि आप किसी भी टेम्पलेट में {{action 'back'}} कह सकें।

Answer 2

संभवतः सुखाने के लिए (अपने आप को दोहराने नहीं है) इस के लिए एक रास्ता है, लेकिन यह ऐसा करने का एक ही रास्ता 2 कार्यों के लिए है: willTransition जो एंबर पहले से ही आप और goBack जो देता है आप खुद को परिभाषित करते हैं। फिर, "वैश्विक" lastRoute चर है कि आप इस प्रकार का ट्रैक रखने के है:

App.OneRoute = Ember.Route.extend({ 
    actions: { 
    willTransition: function(transition){ 
     this.controllerFor('application').set('lastRoute', 'one'); 
    }, 
    goBack: function(){ 
     var appController = this.controllerFor('application'); 
     this.transitionTo(appController.get('lastRoute')); 
    } 
    } 
}); 

और अपने टेम्पलेट के रूप में विचार करेंगे इस प्रकार है:

<script type="text/x-handlebars" id='one'> 
    <h2>One</h2> 
    <div><a href='#' {{ action 'goBack' }}>Back</a></div> 
</script> 

कार्य उदाहरण here

Answer 3

मेरा समाधान यहां है, जो बहुत ही सरल और उच्च प्रदर्शन है।

// file:app/routers/application.js 
 
import Ember from 'ember'; 
 

 
export default Ember.Route.extend({ 
 
    transitionHistory: [], 
 
    transitioningToBack: false, 
 

 
    actions: { 
 
    // Note that an action, like 'back', may be called from any child! Like back below, for example. 
 

 
    willTransition: function(transition) { 
 
     if (!this.get('transitioningToBack')) { 
 
     this.get('transitionHistory').push(window.location.pathname); 
 
     } 
 
     this.set('transitioningToBack', false); 
 
    }, 
 
    
 
    back: function() { 
 
     var last = this.get('transitionHistory').pop(); 
 
     last = last ? last : '/dash'; 
 
     this.set('transitioningToBack', true); 
 
     this.transitionTo(last); 
 
    } 
 
    } 
 
});