1

我正在尝试根据其他小部件（复选框和数字文本框）启用/禁用日期选择器。当我尝试使用 true 或 false 作为参数调用 DatePicker.enable() 时，我收到一个错误，因为 DatePicker 尚未准备好。似乎 Kendo 小部件在 $(document).ready 之前还没有准备好。当日期选择器准备好被操纵时，是否有任何事件或事情会告诉我？现在我正在使用一个感觉非常错误的 setTimeout。

这是我的代码示例。

$(document).ready(function () {
    ChangeDatePickersState();
});

function ChangeDatePickersState() {
    var input = $('#MyCheckbox:checked')
    var bool = input.length != 0 ? true : false;
    EnableDatePickerForCheckbox('MyDatePicker', bool);

function EnableDatePickerForCheckbox(inputName, inputValue) {
    var datePicker = $('#' + inputName).data("kendoDatePicker");
    if (inputValue == true) {
        datePicker.enable(true);
    }
    else {
        datePicker.enable(false);
        datePicker.value(null);
    }
}

提前致谢。

4

2 回答 2

1

我忘了提到我将 Kendo 与 MVC 一起使用，但无论如何我从他们的论坛中得到了答案：

Kendo UI 小部件在初始化时不会触发事件，但如果您将自定义逻辑包含在 document.ready 处理程序中，您可以依靠它们的存在，该处理程序添加在页面末尾。这将确保处理程序将在所有小部件初始化语句之后执行，这些语句也依赖于 document.ready。在这种情况下不需要 setTimeout。

某些小部件（例如 Grid 或 ListView）可以初始化，但仍不能填充到 document.ready 中。根据具体场景，可以使用对应的widget的dataBound事件来执行自定义逻辑。

谢谢大家！

于 2013-08-08T12:35:27.893 回答
0

DatePicker 应该可以在您调用后立即进行修改

$("#MyDatePicker").kendoDatePicker();

我对您在此处发布的 JS 代码进行了以下更改并且它有效

$(document).ready(function () {
    $("#MyDatePicker").kendoDatePicker();
    ChangeDatePickersState();
});

有关更多信息，请参阅这些链接 http: //demos.kendoui.c​​om/web/datepicker/api.html 单击复选框时禁用 kendo 日期选择器

于 2013-08-07T14:11:55.283 回答