knockout.js - 在 KnockoutJS 中绑定(bind) Click 事件

Question

我有一个 div，它根据 'rowState' 的值具有 css 绑定(bind)，如下所示，它工作正常。

<div id="searchResult"  data-bind="css:{disabledRow: rowState === 2}">

现在，我需要绑定(bind)“click”事件以仅在 rowState 不是 2 时触发。我尝试了以下操作，但没有成功。

<div id="searchResult"  data-bind="click:{$parent.rowClicked: rowState !== 2}, css:{disabledRow: rowState === 2}">

我不想使用 if 语句，因为 div 有很多我需要重复的内容。唯一的区别是如果 rowState 为 2，则使 div 不可点击。
你能帮我解决这个问题吗？

Answer 1

另一种解决方案可能是:

data-bind="click: function() { rowState() !== 2 ? alert('click ok') : return; }, css:{disabledRow: rowState === 2}"

我从 artem 拿了 fiddle 并将其更改为与我的解决方案一起使用。您可以在此处找到工作示例: http://jsfiddle.net/x9CpD/15/

编辑

啊，我明白了:如果 rowState != 2，您实际上想阻止事件绑定(bind)。我认为您只能使用自定义 BindingHandler 来做到这一点