Question

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

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

我正在使用Tapestry 5.3.3

Answer 1

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

  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);
}

覆盖Tapestry网格组件列排序图标

2 个答案: