分离元素上的敲除绑定

时间:2012-11-25 22:53:41

标签: javascript knockout.js

似乎淘汰赛破坏了对分离元素的绑定。因此,如果我应用绑定并分离该元素,不仅在分离元素时不会计算该绑定,而且在将元素重新插入文档后它仍将被破坏。

类似于:

ko.applyBindings(items, $list[0]);

items.push('one');

$list.detach();

items.push('two');

$container.append($list);

items.push('three');

这是一个小提琴:http://jsfiddle.net/nicholasstephan/KejYc/2/

$ list中的绑定应该读取一个,两个三,但是不计算分离后的每个更新。

我应该在这做什么来完成这项工作?

1 个答案:

答案 0 :(得分:1)

在末尾makes your fiddle work应用绑定。但我不认为这是你拍摄的内容:

var $container = $("#container");
var $list = $('#list');
var items = ko.observableArray([]);

items.push('one');
$list.detach();
items.push('two');
$container.append($list);
items.push('three');
ko.applyBindings(items, $list[0]);

This SO thread建议您在每次分离后重新应用绑定,或者只是隐藏元素而不是分离它们。还有一些评论表明在这种情况下应该重新考虑这种方法,这似乎是最好的答案。

也许你可以提供所需的行为,而不是一个人为的例子?这可能会很长一段时间来建议替代模型。假设你的目标是创建可拖动元素(关闭袖口,这是我需要分离/重新插入元素的唯一可能情况),你可以采取这样的方法:

  1. 拖动已启动
  2. 拖动元素的副本(在doc中保留原文)
  3. 停止停止
  4. 将所有必要的数据从原件复制到副本
  5. 将复制的元素插入新的/有效的位置
  6. 删除旧元素
  7. 在新元素上调用ko.applyBindings