我正在尝试扩展现有的KendoUI小部件(自动完成)。由于我们的应用程序已经使用了很多自动完成小部件的实例,我不想创建一个新的小部件,它扩展了当前的小部件,而是替换现有的小部件。
我已经找到了这个主题:kendo-ui autocomplete extend,但遗憾的是它指出了一个新主题。
我尝试了以下代码:
var plg = kendo.ui.AutoComplete.extend({
options: {
name: 'AutoCompleteMyOne'
},
init: function (_element, _options)
{
kendo.ui.AutoComplete.fn.init.call(this, _element, _options);
/*...*/
}
});
kendo.ui.plugin(plg);
要点是选项的名称属性。如果名称只是“自动完成”,则初始化不再起作用:此行以无限循环结束:
kendo.ui.AutoComplete.fn.init.call(this, _element, _options);
如何调用基本初始化或是否真的被覆盖?
答案 0 :(得分:5)
如果替换自动完成窗口小部件,那么您的代码将以递归方式有效地调用自己的init
方法。
因此,您需要存储现有方法并调用该方法,例如像这样:
var plg = (function (init) {
return kendo.ui.AutoComplete.extend({
options: {
name: 'AutoComplete'
},
init: function (_element, _options) {
// modify the placeholder
_options.placeholder += " (custom)";
init.call(this, _element, _options);
/*...*/
}
});
})(kendo.ui.AutoComplete.fn.init);
kendo.ui.plugin(plg);
(demo)