Question

我正在尝试通过扩展现有剑道多选小部件来创建它。目的是在输入下方的div中显示标签列表。

我在此代码中的目标是在小部件的select事件上将标记列表呈现在单独的div中，然后返回基本小部件的select事件（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 that = this之后；在“ _select”方法中，我注意到您必须将“ that”作为第一个参数添加到调用函数。这是在我这边正常工作的代码-https://dojo.telerik.com/@zdravkov/ApOVApiV

扩展Kendo MultiSelect

1 个答案: