【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>
Kendo UI Web包含数百个创建HTML5 web app的必备元素,包括UI组件、数据源、验证、一个MVVM框架、主题、模板等。在Kendo UI Web中如何创建自定义组件呢,在下面的文章中将会详细的进行说明。
基础步骤:
首先在kendo.ui namespace中扩展基础的Widget类,还可以创建一些变量来保存值用于向下缩小路径。
扩展基础组件:
(function($) {
// shorten references to variables. this is better for uglification
var kendo = window.kendo,
ui = kendo.ui,
Widget = ui.Widget
var MyWidget = Widget.extend({
// initialization code goes here
});
})(jQuery);
添加一个初始化的方法:
现在需要对你的组件提供一个初始化方法,当组件被调用的时候,这个方法就会被框架调用,这个初始化函数需要两个参数,一个是你正在初始化的组件参数,一个是不久你将要指定的一套选项。这两个参数都将会配置值。
var MyWidget = Widget.extend({
init: function(element, options) {
// base call to initialize widget
Widget.fn.init.call(this, element, options);
}
});
对组件添加选项 示例代码
自定义组件样板示例代码
来源:oschina
链接:https://my.oschina.net/u/1240525/blog/176222