HTML5应用

使用Kendo UI Web创建自定义组件(基础篇)

混江龙づ霸主 提交于 2019-12-16 11:08:29
【推荐】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: