Kendo UI - 从重复编辑器中隐藏“结束：从不”选项答案

【问题标题】：Kendo UI - Hide "End: Never" option from Recurrence EditorKendo UI - 从重复编辑器中隐藏“结束：从不”选项
【发布时间】：2014-07-14 16:26:57
【问题描述】：

我在以标准化方式隐藏重复编辑器中的一个选项时遇到了麻烦。我试图通过自定义代码隐藏它，但它有时会产生不可预测的行为。

这就是我想要隐藏的：

【问题讨论】：

标签： kendo-ui recurrence kendo-scheduler

【解决方案1】：

您需要处理调度程序的编辑事件并通过 jQuery 隐藏该选项：

function scheduler_edit(e) {
  // find the recurring dropdownlist 
  var dropdown = e.container.find("[data-role=dropdownlist]").data("kendoDropDownList");

  // handle its change event
  dropdown.unbind("change", hide_never);
  dropdown.bind("change", hide_never);
}

function hide_never() {
  // hide the <li> element that contains the "Never" radio option
  $(".k-recur-end-never").closest("li").hide();
}

【讨论】：

我在我的自定义编辑器模板中添加了其他下拉菜单，所以上面的代码没有找到重复编辑器下拉菜单。相反，我需要使用e.container.find("[data-role=recurrenceeditor]")

【解决方案2】：

你也可以这样做：

在小部件的edit 事件中：

  var recurrenceEditor = e.container.find("[data-role=recurrenceeditor]").data("kendoRecurrenceEditor");     

            //set start option value, used to define the week 'Repeat on' selected checkboxes
            recurrenceEditor.setOptions({
                start: new Date(e.event.start),
                change: function (e) { onRecurrenceEditor_Change(e,this); }
            });

然后：

 function onRecurrenceEditor_Change(e, obj) {
        var buttonNever = obj._buttonNever;

        if (buttonNever) {
            $(buttonNever[0]).parent().remove();
        }
    }

【讨论】：

【解决方案3】：

我刚收到 Telerik 支持的回复，我为此付费。拼接下拉列表的数据并重新设置：

edit: function (e) {
    // remove Yearly" from re-occurence dropdown
    var ddl = $('input[title="Recurrence editor"]').data('kendoDropDownList');
    if (ddl) {
      var data = ddl.dataSource.data();
      data = data.slice(0, 4);
      ddl.setDataSource(data);
    }
},

Working Dojo.

【讨论】：

这并不能解决有关删除“从不”选项的问题。您提供的剪辑只会从下拉列表中删除“每年”。
@Amacado 对；只需使用 data.slice(1) 代替；你只是在操纵数组；不过，他们在 2020 版本中不再使用数组