javascript - 单击时自定义绑定(bind)更改样式不起作用

Question

我在表格中显示数据，但有些字段太长，导致它们的行太高，所以我创建了一个自定义绑定(bind)，它将切断溢出并用省略号显示有问题的字段。

a, b, c, d,...

然后，当用户单击该字段时，它将“取消隐藏”显示该字段所有数据的数据。

不过我的绑定(bind)工作不正常。我的目标是最初隐藏所有溢出并在用户单击该字段时取消隐藏每个字段。

我的绑定(bind)在做相反的事情。最初它呈现字段未隐藏，然后在用户单击它时隐藏该字段。但一旦发生初始点击，该字段将不会再次切换。

My fiddle

我觉得我有点想多了......

更新

一旦触发点击事件，options.data 的值将始终保持最初更改的值。如何将当前版本的 hideOverflow 作为 valueAccessor 发送到点击初始化函数？

Answer 1

您可能想要切换您的 hideOverflow observable，而不是将其设置为传递给点击绑定(bind)的值(数据本身，这是真实的)。

所以，你可以这样做:

self.changeOverflow = function () {
    self.hideOverflow(!self.hideOverflow());
};