mvvm - Kendo UI MVVM - 如何获得相反或不或!数据绑定(bind)时的二进制变量

Question

我想做的是:

<input data-bind="value: Adult.FirstName, visible: editable" />
<span data-bind="text: Adult.FirstName, visible: !editable"></span>

viewModel = kendo.observable({
    editable: false
});

但我得到了错误:

Uncaught SyntaxError: Unexpected token !

我能够弄清楚如何做到这一点的唯一方法是:

<input data-bind="value: Adult.FirstName, visible: editable" />
<span data-bind="text: Adult.FirstName, visible: not('editable')"></span>

viewModel = kendo.observable({
    editable: false,
    not: function(value) { return !this.get(value);},
});

和:

<input data-bind="value: Adult.FirstName, visible: editable" />
<span data-bind="text: Adult.FirstName, visible: notEditable"></span>

viewModel = kendo.observable({
    editable: false,
    notEditable: function() { return !this.get("editable");},
});

但我宁愿只跟踪一个没有额外功能的变量。

Answer 1

您可以只使用不可见的数据绑定(bind)。

http://docs.telerik.com/kendo-ui/getting-started/framework/mvvm/bindings/invisible

或者，您可以监视 viewModel 的更改事件，检查可编辑更改，并将第二个 viewModel 属性更改为相反的值。然后你会有两个属性，但实际上只需要管理其中一个。