css - 覆盖 Tapestry Grid 组件列排序图标

Question

Tapestry Grid 组件中的默认列排序图标是蓝色和白色。如果您的页面上有不同的配色方案，则需要对其进行自定义。

用您自己的自定义图标覆盖 Tapestry Grid 列排序图标的最佳方法是什么？

我正在使用 Tapestry 5.3.3

Answer 1

图标被定义为常量，您可以在应用程序的模块类（通常是 AppModule.java）中的contributeApplicationDefaults 方法中覆盖它们，如下所示：

  configuration.add(ComponentParameterConstants.GRIDCOLUMNS_ASCENDING_ASSET, "pathtofile");

其他两个常量是 GRIDCOLUMNS_DESCENDING_ASSET 和 GRIDCOLUMNS_SORTABLE_ASSET。

Answer 2

我用css做这个。实际上，我将排序图像全部隐藏在一起，并在标题标题链接中使用了背景图像。但是，只要您的规则具有更高的特异性，您就可以以任何您想要的方式覆盖默认 css。

table.t-data-grid thead tr th a img.t-sort-icon {
   display: none !important;
}

table.t-data-grid thead tr th a {
   background-image: url(relative/path/to/your/custom/image.gif);
}