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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值