0

我有 ember (1.0.0-pre2) 视图，它有一个表单和一个按钮。表单绑定到允许填充表单输入和收集输入值的视图类。现在单击按钮，我想从表单值创建一个 dto 对象并将其发送到控制器。按钮html如下

<input type="submit" value="Add" data-icon="plus" {{action addReport view.report target="controller"}} />

视图代码是

ContentView: baseView.extend({
    task: null, //initialized when form is filled in
    report: function () {
        var task = this.get('task');
        if (task == null)
            return null;

        return reportModel.create({
            taskId: task.id
        });
    }.property()
})

控制器代码是

DayController: ember.Controller.extend({
    addReport: function (evt) {
        console.log(evt.context);
    }
})

当我运行代码时，事件上下文为空。当我查看调试器时，report计算属性只执行一次，即呈现视图时。单击按钮时，不会评估计算的属性 - 立即调用控制器方法。

非常相似的构造在同一个应用程序中运行良好，但对于不同的视图，方法在路由器中，而不是控制器中：

<a href="#" {{action changeDate view.prevDate href=true}}>Prev</a>

看法：

HeaderView: baseView.extend({
    prevDate: function () {
        return addDays(this.get('_dataSource').date, -1);
    }.property()
})

按钮有什么问题，为什么它与链接相反？

4

2 回答 2

0

不确定这是否是您的特定问题，但计算属性应指定依赖项。例如，

}.property('task')

Ember 将缓存计算的属性。该依赖项允许 Ember 知道缓存属性何时失效。

于 2012-11-22T13:12:00.950 回答
0

好的，经过一些调试，我发现了核心误解。

由车把助手评估的操作的上下文，action仅在渲染时执行。这就是其他视图起作用的原因 - 它不需要用户在当前视图中提供的数据，所有必要的信息在视图显示之前都已准备好。

因此，context必须在呈现视图之前提供该字段，这与我的场景无关。我必须求助于控制器中的解决方法

DayController: ember.Controller.extend({
    addReport: function (evt) {
        console.log(evt.view.get('report'));
    }
})

太糟糕了，我希望我可以不创建从控制器到视图的额外依赖项。

于 2012-11-22T18:34:01.320 回答