Question

（来自Can you define tooltips in Dojo wijit template?）

如果用户在一段时间内将焦点放在Dojo wijit上，我希望能够弹出一些帮助文本。我知道这些wijits带有一些快速行为，例如当它们为空或验证错误时，但我希望无论控件的内容如何都能提示。例如：

<input name="tooltipTesting"
  data-dojo-attach-point="tooltipMe" 
  data-dojo-type="dijit.form.ValidationTextBox"
  data-dojo-props="placeHolder:'Type Something',
  required:true,
  value: '${blah}'" />
<div data-dojo-type="dijit.Tooltip" data-dojo-props="connectId:'tooltipMe'">
  Got to love hovering over links. Sometimes you a get a free tooltip.
</div>

工具提示的编程定义适用于像锚点这样的纯HTML元素，但我没有做任何事情似乎将工具提示与其他Dojo控件相关联。建议？

Answer 1

您可以使用

以编程方式将窗口小部件连接到工具提示

tooltip.addTarget(widget.domNode);

Answer 2

dijit.Tooltip连接到DOM节点，而不是连接到Dijit Widgets（即javascript对象），但是您总是可以使用widget对其根DOM节点的引用，可通过widget.domNode访问。

标记也存在问题：dojo-dojo-attach-point未向窗口小部件分配id（您通过connectedId从工具提示中引用）。定义id属性<input id="tooltipMe">来执行此操作，然后ValidationTextBox本身以及ValidationTextBox的根DOM节点将具有相同的ID。请注意，您不能在窗口小部件模板中使用硬编码的ID。

你可以在其他Dojo wijit上使用工具提示，例如ValidationTextBoxes吗？

2 个答案: