我正在尝试使用 Knockout-Kendo.js 根据选择的选定值启用/禁用 kendo 日期选择器。
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}" />
The JS:
ko.applyBindings({
date: ko.observable(),
test: ko.observable(),
});
小提琴:http://jsfiddle.net/xTjqH/2/ http://jsfiddle.net/xTjqH/2/
它最初会禁用日期选择器,但一旦选择“2”,它就不会启用它。
根据跟踪 kendo 绑定中各个选项的依赖关系的方式,您需要表示您的enabled
条件与计算。否则,test() == 2
立即评估,不再评估。
使用您的示例,您可以绑定类似的计算结果dateEnabled
:
var viewModel = {
date: ko.observable(),
test: ko.observable(),
};
viewModel.dateEnabled = ko.computed(function() {
return viewModel.test() === "2";
});
Sample: http://jsfiddle.net/rniemeyer/JaVKt/ http://jsfiddle.net/rniemeyer/JaVKt/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)