gpt4 book ai didi

kendo-ui - KendoUI,调整重复编辑器

转载 作者:行者123 更新时间:2023-12-02 21:41:51 25 4
gpt4 key购买 nike

使用 KendoUI 2013.3.1109

我正在使用KendoUI's scheduler

我正在使用预订表格模板,但通过谷歌搜索和仔细阅读论坛,我了解到有关重新使用其重复表格的信息。我什至通过实验发现,人们可以通过运行以下命令来选择可用的周期选项:

$("#recurrenceEditor").kendoRecurrenceEditor(
{
frequencies: ["never", "daily", "weekly", "monthly"]
});
});

上面的代码不会加载下拉列表中的“每年”选项。网站上没有 kendoRecurrenceEditor 的 API 文档,但我想知道是否可以调整其他选项,例如删除重复何时到期的“从不”标签等。

最佳答案

所以我初始化 Kendo 循环编辑器:

 $("#recurrenceEditor").kendoRecurrenceEditor({
change: function() {
onRecurrenceEditorChange();
}
});

然后我调整#recurrenceEditor 中可见的内容

var onRecurrenceEditorChange = function() {
var recurrenceKendoNumericTextBox = $('#recurrenceEditor .k-widget.k-numerictextbox.k-recur-count input[data-role="numerictextbox"]')
.data('kendoNumericTextBox');

if (recurrenceKendoNumericTextBox != null) {

var recurrenceEditorNeverEndOption = _container.find('#recurrenceEditor label:has(.k-recur-end-never)');

if (recurrenceEditorNeverEndOption != null)
recurrenceEditorNeverEndOption.hide();

recurrenceKendoNumericTextBox.max(10);

var recurrenceKendoDatePicker = _container.find('#recurrenceEditor .k-datepicker input[data-role="datepicker"]').data("kendoDatePicker");
if (recurrenceKendoDatePicker != null) {
var maxDate = window.moment().add('months', 2).toDate();
recurrenceKendoDatePicker.max(maxDate);
recurrenceKendoDatePicker.value(maxDate);
}
}
};

然后,如果你想调整间隔,可以这样修改:

var recurrencePeriodKendoDropDownList = $('.k-widget.k-dropdown input[data-role="dropdownlist"]').data("kendoDropDownList");
var recurrencePeriodFilters = [
{
field: "value",
operator: "neq",
value: 'yearly'
}, {
field: "value",
operator: "neq",
value: 'monthly'
},
// if it's a newres, don't hide 'Never' option which matches to "",
{
field: "value",
operator: "neq",
value: someBoolConditionIhave ? "fake" : ""
}
];

关于kendo-ui - KendoUI,调整重复编辑器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20507336/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com