Question

我正在执行以下操作：当鼠标位于表格的一行上时，行会突出显示，当鼠标移出时，行会再次变为白色。但是如果单击了行，则单击的行应保持其颜色（在我的情况下为蓝色）。这是我的代码：

<rich:extendedDataTable onrowclick="this.style.backgroundColor='#BAFFFE'" onrowmouseover ="this.style.backgroundColor='#BAFFFE'"
                            onrowmouseout="this.style.backgroundColor='white'"

问题是，点击一行后，如果我们移动鼠标，由于鼠标不在，行再次变为白色。任何人都可以帮我吗？

由于

Answer 1

使用rich：extendedDataTable css类更容易，因此不需要javascript：

.rf-edt-b .rf-edt-tbl > tbody > tr {
  background-color: #fff;
}
.rf-edt-b .rf-edt-tbl > tbody > tr:hover {
  background-color: #BAFFFE;
}
.rf-edt-b .rf-edt-tbl > tbody > tr.rf-edt-r-sel {
  background-color: #BAFFFE;
}

rich:extendedDataTable style classes and skin parameters

如何在单击行时阻止onrowmouseout？

1 个答案: