1

主要思想：在我的控制器成功更新模型的属性后，我想调用一个关闭子视图的视图方法。

模板：

<a {{action showUpdate href=true target="view"}}>update</a>

   {{#if view.isUpdate}}   
        {{#view App.UpdateView}}   
            ...here is a form
            <button {{action update}}>Send</button>
        {{/view}}   
    {{/if}}

看法：

App.MainView = Ember.View.extend({
  templateName: 'update',
    isUpdate: false,
    showUpdate: function() {
        this.set('isUpdate', !this.get('isUpdate'));
    }
});

App.UpdateView= Ember.View.extend();

控制器：

App.MainController = Ember.Controller.extend({
   updateCon: function() {
               do something
   },
       ...

路由器：

 update: function(router, evt) {
    router.get('mainController').updateCon();
    //router.get('mainController.view').showUpdate(); <-- doesnt work
 }

因此，在我的控制器运行良好后，我尝试在路由器中调用它，但它不起作用。

Cannot call method 'showUpdate' of null

这是正确的方法吗？如果是：我错过了什么？否：当我的控制器做某事时如何变形我的视图？

4

1 回答 1

5

控制流逻辑更适合控制器。让视图保持无状态通常是一个好主意，并且控制器不应该知道视图。您可以将更新标志和功能移动到您的控制器，并在您的 Handlebars 模板中定位控制器。视图的 Handlebars 模板类似于：

<a href="#" {{action showUpdate target="controller"}}>update</a>
{{#if isUpdated}}
    ...
{{/if}}

然后控制器将具有更新逻辑：

App.MainController = Em.Controller.extend({
    isUpdated: false,
    showUpdate: function() {
        this.set('isUpdated', !this.get('isUpdated'));
    }
});

该视图现在只是模板名称：

App.MainView = Em.View.extend({
    templateName: 'update'
});
于 2012-12-18T00:54:42.913 回答