Knockout保护可观察

Question

我想在我的代码中使用受保护的observable，所以我找到了这个教程：

HERE

在网站上播放演示时，我发现了以下情况：

• 单击特定行的编辑按钮，然后更改输入字段的值，但不要单击“接受”按钮。
• 然后转到另一行并单击它的编辑按钮。
• 然后返回到您更改其中一个输入字段值的行，单击“编辑”，然后单击“接受”。您会发现最初更改的值将被保存。

我认为这会让最终用户感到困惑，因为当您最初更改该值时，在您点击另一行的编辑按钮后，该值不会出现在屏幕上。屏幕上显示的值仍然是原始值。

那么，你如何解决这个问题呢？

Answer 1

问题不在受保护的可观察对象中，而是演示如何处理编辑按钮。

要使其适用于editItem中的场景，您需要在开始编辑新行之前取消所有待处理的编辑：

this.editItem = function(item) {
    if (self.selectedItem() != null)
        self.cancelItemEdit()
    self.selectedItem(item);
};

演示JSFiddle。