Kendo UI开发教程 3 初始化Data 属性

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

               

前面在介绍准备Kendo UI开发环境时我们使用jQuery的方法将一个HTML元素转换成一个Kendo UI控件： $(“#datepicker”).kendoDatePicker();
除了使用jQuery插件的方法来初始化方法外，每个Kendo 控件还可以通过data属性来初始化，此时你需要设置data的role属性，然后调用kendo.init方法。
使用初始化Data属性的方法在页面上包含有大量Kendo UI控件时非常便利。 首先， 组件的配置包含在目标元素中，第二无需首先查找每个元素然后调用jQuery方法，你只需调用一次kendo.init()方法。
Kendo UI Mobile应用通常使用Data属性来初始化。

如下例使用data 属性来初始化一个UI组件

1	<div id="container">

2	<input data-role="numerictextbox" />

3

</div>

4

<script>

5	kendo.init($("#container"));

6

</script>

其中方法kendo.init($(“#container”)) 会查找所有包含有data-role属性的元素，然后初始化这些Kendo UI组件。 每个kendo UI组件的role的值为该UI组件名称的小写名字，比如”autocomplete”或”dropdownlist”。

缺省情况下，kendo.init 只会初始化Kendo UI Web组件和Kendo UI DataViz组件（按这个顺序）。 而Kendo UIMobile应用 首先初始化Kendo UI Mobile组件，然后是Kendo UI Web组件，最后是Kendo UI DataViz组件。 这意味着data-role=”listview” 在Mobile应用中会缺省初始化为 Kendo UI Mobile Listview。 然而可以通过指明组件全称的方法在修改这个缺省初始化顺序。
比如：在Mobile应用中 指明使用Kendo UI Web的listview

1	<div data-role="view">