选中时更改GWT网格的行鼠标悬停颜色

选中时更改GWT网格的行鼠标悬停颜色,gwt,gxt,Gwt,Gxt,当按下按钮时,我会更改网格组件中几行的背景,到目前为止我已经做到了,但是,当用户将鼠标移到所选行上时,它不会显示设置的颜色,如何更改鼠标移到项目上的颜色以匹配所选项目的颜色?到目前为止,代码在这里 for(int i=0;i<grid.getStore().getCount();i++){ Element row = (Element) grid.getView().getRow(i); row.getStyle().setProperty("backgroundColor

当按下按钮时,我会更改网格组件中几行的背景,到目前为止我已经做到了,但是,当用户将鼠标移到所选行上时,它不会显示设置的颜色,如何更改鼠标移到项目上的颜色以匹配所选项目的颜色?到目前为止,代码在这里

for(int i=0;i<grid.getStore().getCount();i++){
    Element row = (Element) grid.getView().getRow(i);
    row.getStyle().setProperty("backgroundColor", "#FFFFFF");
}
for(int item:items){
    Element row = (Element) grid.getView().getRow(item);
    row.getStyle().setProperty("backgroundColor", "#DFE8F6");
}

for(int i=0;i向行中添加鼠标悬停颜色的最简单方法是通过CSS。在CSS文件中,添加如下项:

.selected-row:hover {
  background-color: #DFE8F6;
}
回到代码中,不设置背景色,只需添加CSS类:

for(int i=0;i<grid.getStore().getCount();i++){
  Element row = (Element) grid.getView().getRow(i);
  row.removeClassName( "selected-row" );
}
for(int item:items){
  Element row = (Element) grid.getView().getRow(item);
  row.addClassName( "selected-row" );
}

用于(int i=0;iBut,代码中没有我提到的行被选中的位置。我只是更改背景颜色。因此,当您按下按钮时,您设置了几行的背景颜色-我们称这些行为已选中,对吗?当您将鼠标悬停在行上时,它不会显示#DFE8F6颜色?我已根据您的解决方案修改了问题,but、 这似乎并不能解决问题,它仍然显示鼠标悬停在未选中的项目上找到了解决方案。请记住在浏览器中重新加载CSS文件。通常它会被缓存很长时间,并且不会显示您所做的更改!
for(int i=0;i<grid.getStore().getCount();i++){
  Element row = (Element) grid.getView().getRow(i);
  row.removeClassName( "selected-row" );
}
for(int item:items){
  Element row = (Element) grid.getView().getRow(item);
  row.addClassName( "selected-row" );
}