如何将toolTip添加到valuePicker

Question

我在XPage上有一个Ext Lib valuePicker，然后在Xpage中添加了一个Ext Lib工具提示，并在toolTip的for属性中指定了valuePicker的id（它显示在控件列表中以瞄准工具提示） at，但是当我将鼠标悬停在valuePicker上时没有任何反应。我在页面上有几个工具提示，针对单选按钮和编辑框，它们都正常工作，所以我的过程是正确的。我将我想要的工具提示用于valuePicker进行编辑控制，我得到正确的提示显示。

Answer 1

valuePicker在渲染过程中“失去”它ID（查看渲染页面的源代码），因此无法在工具提示中解决valuePicker的id。

解决方法是在valuePicker周围添加一个带有id的<span>，并在工具提示中解决此ID。

<span
    id="valuePickerTooltip">
    <xe:valuePicker
        id="valuePicker"
        ...>
        <xe:this.dataProvider>
            ...
        </xe:this.dataProvider>
    </xe:valuePicker>
</span>
<xe:tooltip
    id="tooltip1"
    for="valuePickerTooltip"
    label="this is the tooltip">
</xe:tooltip>

Answer 2

也许你可以计算xe：tooltip的“for”属性来使用getClientId（“valuePickerTooltip”）。

如果没有经过测试，我很确定“valuePickerTooltip”id将在运行时转换为客户端ID，这意味着它会获得前缀。使用getClientId（），您可以获取控件的运行时ID。