Kendo UI API中文介绍一：UI-控件新闻-慧都网

Kendo UI API中文介绍一：UI

原创|使用教程|编辑：我只采一朵|2014-05-16 09:55:27.000|阅读 14931 次

概述：慧都控件网将英文版Kendo UI API翻译成中文，以连载的形式呈现给大家，帮助你更快的开发HTML5应用。

#慧都22周年庆大促·界面/图表报表/文档/IDE/IOT/测试等千款热门软控件火热促销中>>

相关链接：

Kendo UI是著名界面控件开发商Telerik的旗舰产品，既能开发网页应用，也能开发跨平台移动应用，在HTML5 UI开发框架中具有广泛的知名度。但由于KendoUI的API文档全是英文，让很多国内的开发者望而却步。应众多网友的要求，小编将Kendo UI API翻译成中文（PS：此系列中文API来自于Kendo UI Web），并以连载的形式呈现给大家。翻译中若有纰漏，敬请指正和谅解。

方法

plugin

用于编写新组件的辅助方法。 jQuery插件负责创建组件并以合适的data-*属性将它与客户端对象相连。

示例：

function TextBox(element, options) {
}

kendo.ui.plugin(TextBox);

// initialize a new TextBox for each input, with the given options object.
$("input").kendoTextBox({ });
// get the TextBox object and call the value API method
$("input").data("kendoTextBox").value();

参数

widget kendo.ui.Widget	widget 函数
register Object(default: kendo.ui)	对组件引用对象进行重排序
prefix String(default: "")	插件函数prefix，如"Mobile"会记录为"kendoMobileFoo"

progress

显示或隐藏一个半透明的加载图像，并且样式会根据界面应用的主题而变动。

参数

element jQuery	会被覆盖的容器。这个元素必须定义一个position样式，可选的值有relative, absolute 或 fixed.
toggle Boolean	这个参数用于确定是否显示或隐藏加载图像

示例：

&lt;div id="container" style="position:relative">...&lt;/div>
&lt;script>
var ajaxContainer = $("#container");

// show loading overlay
kendo.ui.progress(ajaxContainer, true);

// hide loading overlay
kendo.ui.progress(ajaxContainer, false);

&lt;/script>

扩展阅读：