Question

我是Kendo UI库的新手。在完成教程时，我发现了以下声明

<input id="JoiningDate" data-role="datepicker"/>

请您解释一下，数据角色属性的作用是什么？

Answer 1

它被称为声明性初始化。

在此属性中，您指定了要使用的窗口小部件的类型（在这种情况下，它是一个日期选择器窗口小部件）。

您可以使用常规标记

<input id="JoiningDate" />

<script type="text/javascript">
$(document).ready(function ()
 {
    $("#JoiningDate").KendoDatePicker();
});
</script>

（或）

<input id="JoiningDate" data-role="datepicker"/>

<script type="text/javascript">
$(document).ready(function ()
 {
    kendo.init($("#JoiningDate"));
});
</script>

Answer 2

总结：

“角色数据属性的值是小写的小部件名称，例如”autocomplete“，”dropdownlist“等。”

您可以在此处找到信息：

http://docs.kendoui.com/getting-started/data-attribute-initialization#example---initialize-a-kendo-ui-widget-using-a-data-attributes

数据角色属性在html标记中的作用

2 个答案: