在我的路由器中,我这样做:
connectOutlets: function(router) {
router.get('applicationController').connectOutlet(
'acquisitions', router.get('acquisitionsController').find());
}
AcquisitionsController
看起来像这样:
(function(app) {
'use strict'
var AcquisitionsController = Ember.Controller.extend({
all: [],
find: function() {
var self = this,
pk = $('#object-pk').attr('data-value');
var imageResource = App.Image.create({id: pk});
imageResource.fetch().done(function(data) {
_.each(data.acquisition_pks, function(value, index) {
var acquisitionResource = App.Acquisition.create({id: value});
acquisitionResource.fetch().done(function(data) {
self.all.addObject(data);
});
});
});
return self.all;
},
remove: function(acquisition) {
var self = this;
var acquisitionResource = App.Acquisition.create(acquisition);
acquisitionResource.destroy().done(function() {
self.all.removeObject(acquisition);
});
},
addDuration: function(acquisition) {
var self = this;
if(acquisition.duration === null) {
acquisition.duration = 1;
var acquisitionResource = App.Acquisition.create(acquisition);
var obj = self.all.findProperty('id', acquisitionResource.data.id);
if (obj !== undefined)
obj.duration = 1;
acquisitionResource.save();
}
}
});
app.AcquisitionsController = AcquisitionsController;
app.acquisitionsController = AcquisitionsController.create();
})(window.App);
和函数工作得很好,我的观点得到了更新find()
。remove()
但是,当我从模板调用时addDuration
,{{action}}
虽然函数执行并保存了对象,但视图没有更新。
我认为该视图以某种方式观察了all
我的控制器的属性,因为我设置的是content
我的插座,并且看起来当我添加和删除项目时正在观察它,但当其中的项目发生变化时却没有。
我该如何解决这个问题?
编辑
这里有一些关于addDuration
应该做什么的解释。
我正在使用ember-resource,所以model
我没有 a ,而是 a resource
,如下所示:
var Acquisition = Ember.Resource.define({
url: '/images/api/acquisition',
schema: {
id: String,
date: Date,
number: Number,
duration: Number
}
});
这允许与我的 CRUD API 无缝集成fetch()
,save()
使用ember-resource
.
最初,duration
属性是null
,在我的模板中,我这样做:
{{#if acquisition.duration}}
<tr>
<th>{% trans "Duration" %}</th>
<td>{{view Ember.TextField valueBinding="acquisition.duration"}}</td>
</tr>
{{/if}}
然后我有一个按钮来添加duration
属性,如下所示:
{{#unless acquisition.duration}}
<li><a href="#" {{action addDuration acquisition}}>{% trans "Add duration" %}</a></li>
{{/unless}}
因为我正在检查null
, 在上面的{{#if acquisition.duration}}
块中,最初,duration
TextField
不会出现。所以我希望用户点击Add duration
按钮,这将产生创建一个TextField
.
理想情况下,该字段将为空,但现在我对初始值感到满意1
,只是因为我认为这会更容易。所以在我的 中action
,我正在尝试更新当前acquisition
对象,以便将duration
属性设置为1
.