删除孩子后保持树状结构答案

【问题标题】：Maintaing tree structure after child is deleted删除孩子后保持树状结构
【发布时间】：2014-01-03 12:09:17
【问题描述】：

我已经使用复合视图来构建树结构，并使用以下示例中给出的代码。 http://jsfiddle.net/derickbailey/AdWjU/。此外，我的模型包含我使用一些逻辑设置的索引（1、1.1、1.2、1.3 等）。现在我想删除行（父和标题）。因此，当我删除任何行时，我想更新剩余行的索引。

例如：

 1. Root
   1.1 a
   1.2 b
   1.3 c

所以如果我从上面的孩子中删除 1.2，那么剩余行的索引应该是

 1. Root
   1.1 a
   1.2 c

我尝试通过绑定事件重新渲染视图，例如：

  if (this.collection) {
            this.listenTo(this.collection, "remove", this.render);
  }

但它不起作用，因为它没有维护我输入的值（在同级行的文本框中）。

【问题讨论】：

【解决方案1】：

确保您从文本框中获取输入并相应地更新您的模型。那么重新渲染就不会有问题了。

【讨论】：

【解决方案2】：

如果索引是您的模型的属性，那么当另一个模型被删除时您没有更新模型不是问题吗？

以下可能是一个有用的起点。

this.listenTo(this.collection, 'remove', this.collection.updateIndexes.bind(this.collection));

【讨论】：