如何在Ember.js中重新加载当前路线?

时间:2014-01-31 13:27:49

标签: javascript ember.js

在Ember.js我有模特的路线。你能帮我吗,当我在路线播放列表上如何重新加载这条路线(或设置新数据到模型)时,从另一个JS函数回调调用?我一直在寻找文档这么久,但对我没有帮助。

App.PlaylistRoute = Ember.Route.extend({
 setupController: function(controller, model) {
  $.getJSON('api/playlist.php?' + Math.random().toString(36), function (data) {
   controller.set('model', data);
  });
 }
});

非常感谢!

4 个答案:

答案 0 :(得分:73)

似乎答案中的解决方案对当前路线不起作用。 我遇到了同样的问题并在这里尝试了解决方案,但它确实有效。

http://discuss.emberjs.com/t/refresh-current-view-page-after-language-change/4291/5#post_5

在你的路线上。

actions: {
  sessionChanged: function() {
    this.refresh();
  }
}

并在您的控制器中。

observeSession: function() {
  this.send("sessionChanged");
}.observes("session.isAuthenticated"),

答案 1 :(得分:8)

从控制器使用transitionToRoute

this.transitionToRoute('playlist', newModel);

从路线使用transitionTo

this.transitionTo('playlist', newModel);

例如,假设您在控制器上有操作

App.PlaylistController = Ember.ArrayController.extend({
 actions: {
   grabNewModel: function(){
     //get some new model
     this.transitionToRoute('playlist', newModel);
   }
 }
});

答案 2 :(得分:8)

有两种方法可以做到。

一个是在播放列表路由中写一个动作,并在其中调用this.refresh() 有关更多信息,您可以访问Ember Guide refresh路线方法。

另一种方法是在您的控制器中,具体取决于您需要重新加载路线的情况

this.get('target.target.router').refresh();

这两个中的任何一个都可以帮助您刷新路线。

以下来自ember指南的一小部分刷新方法:

  

刷新此路线和任何子路线上的模型,触发beforeModel,model和afterModel挂钩,其方式与从其他路线转换时输入路线的方式类似。当前路由参数(例如article_id)将被传递到相应的模型钩子,如果返回不同的模型,setupController和相关的路径钩子也将重新激活。

答案 3 :(得分:0)

当搜索如何在当前接受的答案已过期的情况下刷新路线时,此答案首先出现在 google 上。如果您确实需要刷新路由并从控制器中的操作再次执行模型挂钩操作,请使用以下命令:

在路线上

@action
refreshModel() {
  this.refresh();
}

为了在控制器中调用这个动作,使用

this.send('refreshModel');

例如:

@action
performUpdate(event) {
  event.preventDefault();
  // Perform necessary action
  this.send('refreshModel');
}

注意:这会将操作发送到调用它的控制器的相应路由,并仅更新该路由和所有子路由。