Я пытаюсь создать новый виджет с множественным выбором кендо, расширяя существующий.Цель состоит в том, чтобы показать список тегов в элементе div под входом.
Моя цель в этом коде состоит в том, чтобы отобразить список тегов в отдельном элементе div для события select виджета, а затем вернуть selectсобытие базового виджета (Kendo MultiSelect), но событие выбора базового виджета возвращает ошибку 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);