我使用的是RP Niemeyer很久以前发布的clicktoedit绑定处理程序。效果很好:
ko.bindingHandlers.hidden = {
update: function(element, valueAccessor) {
ko.bindingHandlers.visible.update(element, function() { return !ko.utils.unwrapObservable(valueAccessor()); });
}
};
ko.bindingHandlers.clickToEdit = {
init: function(element, valueAccessor) {
var observable = valueAccessor(),
link = document.createElement("a"),
input = document.createElement("input");
element.appendChild(link);
element.appendChild(input);
observable.editing = ko.observable(false);
ko.applyBindingsToNode(link, {
text: observable,
hidden: observable.editing,
click: observable.editing.bind(null, true)
});
ko.applyBindingsToNode(input, {
value: observable,
visible: observable.editing,
hasfocus: observable.editing,
event: {
keyup: function(data, event) {
//if user hits enter, set editing to false, which makes field lose focus
if (event.keyCode === 13) {
observable.editing(false);
return false;
}
//if user hits escape, push the current observable value back to the field, then set editing to false
else if (event.keyCode === 27) {
observable.valueHasMutated();
observable.editing(false);
return false;
}
}
}
});
}
};
我遇到的问题是转义键不能与BreezeJS提供的数组中的元素一起使用。显然,这些都是依赖的可观察的,没有HasMuted方法的价值。我通常对a) 我如何修改它以适用于微风相关的可观察性?和b) 为什么它们依赖于可观察性?
如有任何帮助,我们将不胜感激。
感谢
Breeze.js已经在处理实体的"undo",所以有点不需要绑定处理程序。在不知道你是如何使用它以及其他上下文可能受到影响的情况下,你总是可以先检查它是否是Breeze实体,如果不是,则回退到当前实现-
keyup: function(data, event) {
//if user hits enter, set editing to false, which makes field lose focus
if (event.keyCode === 13) {
observable.editing(false);
return false;
}
//if user hits escape, push the current observable value back to the field, then set editing to false
else if (event.keyCode === 27) {
if (observable.entityAspect) {
observable.entityAspect.cancelChanges();
observable.editing(false);
return false;
} else {
observable.valueHasMutated();
observable.editing(false);
return false;
}
}
}