Question

如何在不删除子项的情况下从hasMany关系中删除子项？

我尝试将子项的foreign_key设置为null。我也尝试在父关系上使用removeObject。

这是一个例子。

App.Invoice = DS.Model.extend
  lines: DS.hasMany('App.Line')

App.Line = DS.Model.extend
  invoice: DS.belongsTo('App.Invoice')

App.InvoiceController = Ember.Controller.extend
  removeLine: (line) ->
    @get('content.lines').removeObject(line)
    line.set('invoice', null)
    @get('store').commit()

App.InvoiceEditView = Ember.View.extend
  templateName: 'invoice'

App.LineView = Ember.View.extend
  tagName: 'tr'
  templateName: 'line'


#invoice template
<table>
    {{#each content.tasks}}
      {{view App.LineView}}
    {{/each}}
</table>

#line template
<td><a {{action "removeLine" view.context}}>remove</a></td>
<td>{{description}}</td>
<td>{{price}}</td>
<td>{{price}}</td>

我目前正在使用

jquery 1.8.2
ember.js v1.0.pre-4
ember-data v11

Answer 1

在remove()函数中commit()，然后再次调用remove()。这会导致“setProperty in state rootState.loaded.updated.inFlight”错误，因为在Ajax请求 inflight 时无法更改记录。

如果您打算实际删除行，从而将其从 hasMany 关联中删除，那么我建议使用remove()函数：

remove: function(event) {
  var item = event.context;
  if (item.get('isDeleted')) return;
  item.deleteRecord();
  App.store.commit();
  return item;
}

请注意，一旦某些内容被deleteRecord()标记为删除，它将在{Ember}中保持有效，isDeleted == true，直到commit()成功完成。您可能需要添加classNames绑定，以便在标记为删除后使用CSS隐藏它：

#line template
<tr {{bindAttr class="isDeleted"}}>
  <td><a {{action "removeLine" target="view"}}>remove</a></td>
  <td>{{description}}</td>
  <td>{{price}}</td>
  <td>{{price}}</td>
</tr>

使用CSS：

.is-deleted { display: none; }

Answer 2

似乎将发票设置为空字符串有效。

 App.InvoiceController = Ember.Controller.extend
   removeLine: (line) ->
     @get('content.lines').removeObject(line)
     line.set('invoice', '')
     @get('store').commit()

从hasMany关系中删除子项

2 个答案: