css - 如何覆盖 DataGrid header 的 GWT 混淆样式

Question

我正在尝试找出如何覆盖 DataGrid.css 中定义的 dataGridHeader 样式! GWT 核心。 GWT 样式名称使用​​ adler32 进行了混淆处理，因此我不能简单地在我的 css 中使用 .dataGridHeader。就我而言，我希望对 white-space:normal 进行简单的更改。

我在这里看到了很多关于注入(inject) css 的文章，但它们似乎都是类级别的，而不是像 DataGrid 这样的组件中使用的子样式。

如何覆盖在 DataGrid 等组件中使用的标题样式？

Answer 1

就像任何 ClientBundle 和 CssResource 一样:创建一个扩展 Datagrid.Resources 并覆盖 dataGridStyle 的接口(interface)> 带有指向您自己的 CSS 文件的 @Source 注释的方法(或者可能同时指向原始文件和您自己的文件，因此它们将被组合在一起)。

尽管这样做会覆盖您应用中所有 DataGrid 的样式(这实际上取决于哪个CssResource 实例获得ensureInjected() 首先:来自原始 DataGrid.Resources 的那个或来自您的子接口(interface)的那个):因为您使用相同的返回类型(DataGrid.Style )，混淆后的类名将是相同的。

如果您想根据具体情况更改样式，那么另外声明一个扩展 DataGrid.Style 的接口(interface)，并将其用作您的 的返回类型dataGridStyle 覆盖:因为混淆类名同时基于接口(interface)完全限定名和方法名，所以您的 DataGrid.Style 子接口(interface)将生成与原始混淆类名不同的混淆类名DataGrid.Style 界面。

当然，GWT.create() 您的 DataGrid.Resources 子接口(interface)并将其作为参数传递给 DataGrid 构造函数.

另见 http://code.google.com/p/google-web-toolkit/issues/detail?id=6144