新的 GWT 2.4 DataGrid - 不是样式 - 注释错误？

Question

我已按照 之前的帖子中列出的示例代码进行操作 关于 GWT CellTables 样式，复制新 GWT 2.4 DataGrids 的代码。不幸的是，似乎没有什么效果。我想要做的就是将单元格的字体大小设置得较小，因此在我的本地 css 文件中（请参阅链接帖子中 @Source 注释的第二个参数）我包括：

.dataGridCell {
    font-size: 6px;
}

什么也没发生。字体大小固执地拒绝改变。然后我在 DataGrid 代码中注意到这一点：

  @ImportedWithPrefix("gwt-CellTable")
  public interface Style extends CssResource {

我将 DataGrid 以及相关的三个 gif 文件复制到我的工作区中，并注释掉了 AbstractCellTable 中受保护方法的一个依赖项（没有空表小部件 - 哦，好吧）。我将注释中定义的前缀更改为 gwt-DataGrid ——然后噗！ ——还是没用。

那么我在这里缺少什么？注释中的 gwt-CellTable 前缀正确吗？尽管我没能让它与我的更改一起工作，但对我来说似乎很可疑。

---

事实证明，名字很重要。呃！

好的，成功了。事实证明，使用相同的名称很重要。呃！

import com.google.gwt.core.client.GWT;
import com.google.gwt.user.cellview.client.DataGrid;
import com.google.gwt.user.cellview.client.DataGrid.Style;
import com.google.gwt.user.cellview.client.DataGrid.Resources;

public interface MyDataGridResources extends Resources {

  public static final MyDataGridResources INSTANCE = GWT.create(MyDataGridResources.class);

  @Override
  @Source({DataGrid.Style.DEFAULT_CSS, "../resources/styling/mydatagridstyles.css"})
  Style dataGridStyle();  // ***********************

}

当我将样式的名称设置为与 DataGrid.java 中样式接口的名称相同（“dataGridStyle”）时，它就开始工作了。

我有点明白了……但不完全明白。我需要更多地考虑范围规则，并准确研究传递到 DataGrid 构造函数中的资源参数会发生什么情况。

Answer 1

我只是按照您链接的帖子中所述进行操作到，并且它按预期工作。我的 Resources 类如下所示：

import com.google.gwt.user.cellview.client.DataGrid;
import com.google.gwt.user.cellview.client.DataGrid.Resources;

public interface CustomDataGridResources extends Resources {

    @Source({DataGrid.Style.DEFAULT_CSS, "../resources/customDataGrid.css"})
    CustomStyle dataGridStyle();

    interface CustomStyle extends DataGrid.Style {

    }

}

然后在创建 DataGrid 实例时使用该类：

    DataGrid.Resources resources = GWT.create(CustomDataGridResources.class);
    gridUnits = new DataGrid<Unit>(50, resources, new UnitKeyProvider());

Answer 2

当您覆盖由 GWT CSS 文件设置的样式时，您需要在自己的 CSS 定义中添加“!important”。像这样：

.dataGridCell {
    font-size: 6px !important;
}
.dataGridEvenRow {
    background: #ff0000 !important;
}

Answer 3

使用该行时要小心，

@Source({DataGrid.Style.DEFAULT_CSS, "../resources/customDataGrid.css"})

这意味着 gwt 同时使用默认的 CSS 和您自己的 CSS。我知道它是这样编码的，但是当你使用 copy &粘贴你可能会像我一样感到困惑为什么两种风格在一起。