扩展Kendo MultiSelect

我正在尝试通过扩展现有的一个来创建一个新的kendo多选小部件。 目标是在输入下方的div中显示标记列表。

我在此代码中的目标是将标记列表呈现在窗口小部件的select事件上的单独div中，然后返回基本窗口小部件的选择事件（Kendo MultiSelect），但基本窗口小部件的select事件返回dataItem undefind错误。 我究竟做错了什么？

 (function ($) { var customMultiSelect = kendo.ui.MultiSelect.extend({ init: function (element, options) { var that = this; kendo.ui.MultiSelect.fn.init.call(that, element, options); // Hide the tag list... var id = that.element.attr('id'); that.wrapper.find(`ul#${id}_taglist`).addClass("hidden"); that.element.on("select", that._select); }, options: { name: "CustomMultiSelect" }, _select: function (e) { // code to render the tag list in a div goes here that.trigger("select", e); return kendo.ui.MultiSelect.prototype._select.call(e); } }); kendo.ui.plugin(customMultiSelect); })(jQuery, document); 

Answer 1

我已经测试了代码并且首先得到了错误 – “未定义”。 添加var之后= this; 在’_select’方法中，我注意到你必须添加’that’作为调用函数的第一个参数。 以下代码在我这边正常工作 – https://dojo.telerik.com/@zdravkov/ApOVApiV