Javascript xPages在mouseover上重复控制

我有一个repeat控件，它包含简单的复选框和计算字段（其实并不重要），如下所示：

[]文本1
[x] 文本2
[]文本3
[x] 文本4
[x] 文本5

当您将鼠标指针悬停在当前项目/行上时，我想在其旁边显示其他可单击图标

[]文本1
（*）[x]文本2
[]文本3
[x] 文本4
[x] 文本5

可能吗？ 谢谢

---

另外，无论鼠标光标在哪里（复选框或文本字段），我都需要显示该图标。我想为当前行显示它（当鼠标光标位于当前行的某个位置时）

我确信这是可能的。我手头没有代码示例，因为我不擅长客户端JavaScript，但我认为您可以使用dojo或jQuery，将事件附加到悬停状态，甚至“onmouseout”，在这种情况下，您可以使用dojo/jQuery向按钮添加/删除css。

简单的css技巧是可能的。以以下重复控制为例：

<xp:table>
    <xp:tr>
        <xp:td></xp:td>
        <xp:td>
            <xp:label
                value="Some Header"
                id="label1">
            </xp:label>
        </xp:td>
    </xp:tr>
    <xp:repeat
        id="repeat1"
        rows="30"
        var="textValue"
        indexVar="index">
        <xp:this.value><![CDATA[#{javascript:["text1", "text2", "text3", "text4", "text5"] }]]></xp:this.value>
        <xp:tr
            styleClass="magicRow">
            <xp:td>
                <xp:button
                    value="x"
                    id="button1"
                    styleClass="magicButton">
                </xp:button>
            </xp:td>
            <xp:td>
                <xp:checkBox
                    text=""
                    id="checkBox1">
                </xp:checkBox>
                <xp:text
                    escape="true"
                    id="computedField1"
                    value="#{textValue}">
                </xp:text>
            </xp:td>
        </xp:tr>
    </xp:repeat>
</xp:table>

---

：hover

很有用。

也许我需要将行索引保存在某个范围变量中。。。有什么想法吗？就是这样。。这很有效。。谢谢你Basegmez先生

tr.magicRow .magicButton { visibility:hidden; } 
tr.magicRow:hover .magicButton { visibility:visible; }