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/