gwt - 如何将小部件添加为单元格表 GWT 中的单元格

Question

现在我陷入了对 GWT 中的小部件进行分页的问题。

我正在使用 Cell 表来显示我的 UI Binder 类的实例列表（例如：LocationView）。 http://gwt.google.com/samples/Showcase/Showcase.html#!CwCellTable 这是 CellTable 的展示。

现在我想将我的小部件（UI Binder 类）添加到表格的每个单元格中。它看起来像这样

在这个单元格表中，每个单元格都是这个小部件（LocationView - 一个 UI Binder 类）：

那么如何使用单元格表创建此表（我不使用网格视图，因为它不支持分页）

或者如果我不能使用Cell表创建这个表，我可以使用支持分页的表（如果LocationView（你看到的图标）的数量超过6，它将跳转到第2页）。

谢谢您的帮助！。

Answer 1

创建自定义单元格教程解释了如何做到这一点。

Answer 2

要将小部件添加到单元格，我使用自定义 CellTableBuilder 并为应该包含小部件的单元格设置唯一 ID。然后我将小部件附加到 DOM 并将其移动到单元格。

void addWidgetToCell(final String cellId, final Widget widget) {
    Scheduler.get().scheduleDeferred(new ScheduledCommand() {
        @Override
        public void execute() {
            Element cellElem = DOM.getElementById(cellId);

            if (!widget.isAttached()) {
                // attach the detail to DOM (cannot attach it directly to the cell, because it has existing parent widget)
                RootPanel.get().add(widget);
            }
            // move detail element under the cell element
            cellElem.appendChild(widget.getElement());
        }
    });
}