knockout.js - kendoui - Activar/desactivar Dynamically Kendo Datepicker con Knockout-Kendo.js

kendo ui developer

Question

Estoy intentando habilitar / deshabilitar un selector de fecha de kendo basado en el valor seleccionado de una selección usando Knockout-Kendo.js.

El HTML:

<select data-bind="value: test">
<option value="1">1</option>
<option value="2">2</option>
</select>
<input data-bind="kendoDatePicker: {value: date, enabled: test() == 2}" />

El JS:

ko.applyBindings({
date: ko.observable(),
test: ko.observable(),
});

El violín: http://jsfiddle.net/xTjqH/2/

Inicialmente desactiva el datepicker, pero no lo habilitará una vez que se seleccione "2".

Answer 1

Según la forma en que las dependencias se rastrean para las opciones individuales en los enlaces kendo, necesitarás representar tu condición enabled con un cálculo. De lo contrario, la test() == 2 se evalúa inmediatamente y nunca más.

Con su muestra, podría vincularse contra una fecha calculada como dateEnabled :

var viewModel = {
date: ko.observable(),
test: ko.observable(),
};
viewModel.dateEnabled = ko.computed(function() {
return viewModel.test() === "2";
});

Muestra: http://jsfiddle.net/rniemeyer/JaVKt/