我的推测是KnockOutJs“可见”绑定是双向的,所以如果我隐藏绑定到viewmodel属性的dom元素,则更新observable。我在JsBin http://jsfiddle.net/zb6E9/20/中的示例显示,如果observable发生更改,则订阅将触发,但如果dom元素更改,则订阅不会触发。KnockOutJs可见双向?
我必须缺少一些东西,但如何使jQuery按钮触发订阅?
HTML:
<input id="firstNameInput" data-bind="value: firstName, visible: isVisible" value="First" /><br />
<input data-bind="value: lastName" value="Last" /><br />
The name is <span data-bind="text: fullName"></span><br />
<input type="button" data-bind="click: changeVisibility" value="Change Visibility using KnockOut" /><br />
<input type="button" onclick="changeVisibilityJQuery()" value="Change Visibility Using jQuery" />
的Javascript:
function changeVisibilityJQuery()
{
if($('#firstNameInput').is(':visible')){
$('#firstNameInput').hide();
} else {
$('#firstNameInput').show();
}
}
function AppViewModel() {
var self = this;
self.firstName = ko.observable('First');
self.lastName = ko.observable('Last');
self.isVisible = ko.observable(true);
self.changeVisibility = function(){
var v = self.isVisible() || false;
self.isVisible(!v);
};
self.isVisible.subscribe(function(bool) {
if (bool) {
// DO SOMETHING SUCH AS
self.firstName(self.firstName() + " " + bool);
}
});
self.fullName = ko.computed(function() {
return self.firstName() + " " + self.lastName();
});
}
ko.applyBindings(new AppViewModel());
不,“可见”绑定仅为**单向**:可见绑定会根据您传递给绑定的值隐藏或显示相关DOM元素。 – nemesv
因此,这与其他knockoutjs可观察的属性(如更新dom更新模型的文本)不同? – WillC
是的,大多数绑定都是单向的,其中只有一些是双向的,比如'value'或'hasFocus',它总是在文档中描述给定的绑定是如何工作的。 – nemesv