带有标签和图像的 GWT Celltable 列

Posted 2023-02-16

【中文标题】带有标签和图像的 GWT Celltable 列

【英文标题】：GWT Celltable column with label and image

【发布时间】：2012-06-12 17:11:56

【问题描述】：

我希望将标签和图像添加到 CellTable 列，具有以下要求： - 标签后应有图片。 - 单击列（标签或图像上的任何位置），切换图像。

我正在考虑创建一个包含 Horizo​​ntalPanel 的自定义小部件。其中本身包含标签和图像。在投入大量时间之前，只是想确认这种方法是否正确？

【参考方案1】：

不，您不能将小部件放入 CellTable。您必须创建一个自定义单元格（扩展 AbstractCell）并直接生成 html。

看看 GWT 对不同单元格的实现，看看它们如何实现点击等。例如，没有好的 ClickEvents - 你必须直接响应浏览器事件。

要切换图像，您必须重新绘制整个表格，或者使用您不想使用的疯狂 javascript。

【讨论】：

谢谢。让我进一步解释一下。我有一个使用两个 CellTables 的虚拟滚动网格。 HeaderCellTable 仅包含标题，而 DataCellTable 包含数据（下拉滚动条时附加更多）。我需要 HeaderCellTable 中的列来帮助显示排序信息。如果我单击 headercelltable 的列，我想更改排序箭头（此处需要帮助！）。此后，我将使用来自服务器的新数据刷新 dataCellTable。

啊。我的应用程序中也有这个问题。我们通过从允许小部件的网格中制作标题表来解决它。显然，您也可以只重绘标题表而不是两个表。您创建的cell 必须根据列的排序状态选择是绘制向上箭头还是向下箭头。我认为 CellTable 也原生支持列排序，可能已经解决了上/下箭头问题。

再次感谢。不幸的是，我不能使用一个 CellTable（如上所述）。我现在倾向于使用 DataGrid 并重写。我的另一个必要条件是有一些被解雇的和一些浮动的列。我使用左/右按钮循环浏览浮动的。你有什么建议？我看到你使用了类似的东西。再次感谢。