ボタンが押されると、グリッドコンポーネントのいくつかの行の背景を変更します。これまでのところ達成しましたが、ユーザーが選択した行にマウスを移動すると、設定されている色が表示されません。方法マウスオーバーしたアイテムの色を、選択したアイテムの色に合わせて変更しますか? ここまでのコード。
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<grid.getStore().getCount();i++){
Element row = (Element) grid.getView().getRow(i);
row.getStyle().setProperty("backgroundColor", "#FFFFFF");
row.removeClassName("ps-grid-selected-row");
}
Element row = (Element) grid.getView().getRow(indexItem);
row.getStyle().setProperty("backgroundColor", "#DFE8F6");
// row.getStyle().setProperty("hover", "#DFE8F6");
row.addClassName("ps-grid-selected-row");