html标记中data-role属性的作用

Role of data-role attribute in html markup

本文关键字：属性 作用 data-role html      更新时间：2023-09-26

我是剑道UI库的新手。在浏览本教程时，我发现了以下声明

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

请解释一下，data-role属性的作用是什么?

这叫做声明式初始化。

在这个属性中，您指定了您想要使用的Widget的类型(在本例中是一个datepicker Widget)。

可以使用常规标记

<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>

总结:

"角色数据属性的值是小部件的名称，用小写表示。"自动完成"，"下拉列表"等。"

你可以在这里找到信息:

http://docs.kendoui.com/getting-started/data-attribute-initialization的例子——initialize-a-kendo-ui-widget-using-a-data-attributes

相关文章：