我正在使用 GWT FlexTable 来显示数值。
如果我使用 Label 标签和 setWidget(row,col, label) 我可以使用 gwtquery 来淡化颜色,如下所示:
$(label).css("backgroundColor",color_from);
$(label).animate("backgroundColor:'" + color_to + "'", 5000, new Function() {
public void f(Element e) {
}
});
效果是从“color_from”到“color_to”的漂亮淡入淡出。
我想知道如何直接在表格单元格上执行此操作,而不必为我要使用此效果的每个单元格创建标签。这可能吗?
最佳答案
你可以试试这个。
在你的 CSS 文件中:
.myTableStyle td {
background-color: #FFF:
-webkit-transition: background-color 5s; /* Chrome, Safari, Opera */
transition: background-color 5s;
}
.highlighted {
background-color: #F00;
}
在 GWT 中:
table.addStyleName("myTableStyle");
table.getFlexCellFormatter().setStyleName(row, column, "highlighted");
更新:
以相反的顺序来做有点复杂:
.myTableStyle td {
background-color: #FFF:
}
.backgroundEffect {
-webkit-transition: background-color 5s; /* Chrome, Safari, Opera */
transition: background-color 5s;
}
.highlighted {
background-color: #F00;
}
在 GWT 中:
table.getFlexCellFormatter().setStyleName(row, column, "highlighted");
table.getFlexCellFormatter().addStyleName(row, column, "backgroundEffect");
table.getFlexCellFormatter().removeStyleName(row, column, "highlighted");
关于java - 如何淡化 GWT FlexTable 中单元格的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26497159/