Emberjs quay lại hủy

Question

Tôi có liên kết tới Người dùng được hiển thị từ nhiều màn hình khác nhau (Từ Danh sách Người dùng, Nhóm Người dùng, v.v.). Khi liên kết được nhấp, Người dùng được trình bày để chỉnh sửa. Khi nhấn nút hủy trong biểu mẫu chỉnh sửa, tôi muốn chuyển sang danh sách người dùng/nhóm màn hình trước đó. Làm thế nào là điều này thường đạt được trong Emberjs.

Cảm ơn, Murali

Answer 1

Bạn cần gì nhiều hơn

history.back() 

Một trong những thiết kế chính mục tiêu của Ember, và thực sự hầu hết các khuôn khổ OPA, là làm việc hài hòa với ngăn xếp lịch sử của trình duyệt để back "hoạt động".

Vì vậy, bạn không cần phải duy trì ngăn xếp lịch sử nhỏ của riêng bạn hoặc các biến toàn cầu hoặc móc chuyển đổi.

Bạn có thể đặt hành động back trong bộ định tuyến ứng dụng của mình để tác vụ sẽ phát ra từ mọi nơi, vì vậy bạn có thể chỉ cần nói {{action 'back'}} trong bất kỳ mẫu nào không có thêm quảng cáo.

Answer 2

Có lẽ là một cách để khô (không lặp lại chính mình) này lên, nhưng một trong những cách để làm việc đó là phải có 2 hành động: willTransition mà Ember đã mang đến cho bạn và goBack mà bạn tự xác định. Sau đó, có một "toàn cầu" lastRoute biến mà bạn theo dõi như sau:

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

Và mẫu của bạn sẽ trông như sau:

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

dụ làm việc here

Answer 3

Đây là giải pháp của tôi, rất đơn giản và hiệu suất cao.

// 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); 
 
    } 
 
    } 
 
});