dojo 中控件的 data-dojo-id 属性的作用

版权声明:本文为博主原创文章,转载请标明出处,非常感谢! https://blog.csdn.net/joyous/article/details/82919549

dojo 控件中 data-dojo-id 可以简化 js 代码的操作,但不是必要属性,但在页面中必须唯一。

在页面中创建一个 dojo 的 dijit/form/TextBox 控件,标签中不使用 data-dojo-id 属性的情况下:

<input data-dojo-type="dijit/form/TextBox" type="text" name="my_name" id="my_name">

则调用该控件需要 dijit.byId() 进行操作,例如取值:

<script type="text/javascript"
  var value = dijit.byId("my_name").get("value");
  console.info(value);
</script>

而增加 data-dojo-id 属性后,HTML 代码如下:

<input data-dojo-type="dijit/form/TextBox" type="text" name="my_name" id="my_name" data-dojo-id="myName">

此时可以直接用 data-dojo-id 的值 myName 直接进行对象操作,例如取值:

<script type="text/javascript">
  var value = myName.get("value");
  console.info(value);
</script>

Q群讨论 236201801

猜你喜欢

转载自blog.csdn.net/joyous/article/details/82919549