新的GWT2.4 DataGrid --而不是样式--注释错误？

Question

我遵循了an earlier posting中关于GWT CellTables样式的示例代码，复制了新GWT2.4 DataGrids的代码。不幸的是，似乎什么都起不到作用。我所要做的就是将单元格的字体大小设置得更小，因此在我的本地css文件中(参见链接文章中@Source注释的第二个参数)，我包括：

.dataGridCell {
    font-size: 6px;
}

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

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

我将DataGrid与相关的三个gif文件一起复制到我的工作区中，并注释掉了AbstractCellTable中受保护方法的一个依赖项(没有空表小部件--哦，好吧)。我将注释中定义的前缀更改为gwt-DataGrid -和pfffft！--但它仍然不起作用。

我在这里错过了什么？注释中的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")中使样式的名称与样式接口的名称相同时，它就开始工作了。

我有点不太喜欢it...but。我需要更多地考虑范围规则，还需要研究传入DataGrid构造函数的资源参数发生了什么变化。

Answer 1

我只是按照post you are linking to中所描述的那样做了，它的工作就像预期的那样。我的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定义中添加“！重要”。如下所示：

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

Answer 3

使用线时要小心。

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

这意味着gwt同时使用默认的css和您自己的css。我知道它是那样编码的，但是当你使用复制和粘贴时，你可能会像我一样感到困惑，为什么你把这两种样式放在一起。