GWT 如何将自定义单元格添加到单元格/数据网格

Question

我渲染了一个结合图像和文本的自定义单元格。它看起来像这样:

   class ImageTextCell extends AbstractCell<String> 

我的问题是如何将此单元格添加到单元格/数据网格中。我已经厌倦了这个。

  Column<Message, String> iconColumn = new Column<Message, String>(new ImageTextCell())
            {
        @Override
        public String getValue(Message versionStatus) {

            return ? // I dont know what to type here. How to return the ImageTextCell object           }
    };

Answer 1

Cell 对象的作用是将一个值转换为一段 HTML。 Column 的作用是从每一行获取该值。例如，您有一堆 Messages，每个消息都在自己的行上 - 列应该采用 Message 并找出要处理的 String传递到单元格。

getValue 的输出将被输入到 render 的输入中。 render 的输出应该是您希望在应用中看到的 HTML。

伪科迪利，这就是 GWT 为您所做的事情:

for each Message in your table {
    pass the Message into Column.getValue and get out a String
    pass that String into Cell.render and get out some HTML
    add that HTML inside a <td> element in the table we're drawing
}

您只需定义 Column.getValue 和 Cell.render，以便此过程生成您想要的表格。