Cómo agregar Widget como una celda en la Tabla de celdas GWT

pagination gwt-celltable

Question

Ahora estoy atascado en el problema de la paginación de los widgets en GWT.

Estoy usando la tabla Cell para mostrar una lista de instancias de una clase de carpeta de interfaz de usuario (por ejemplo, LocationView). http://gwt.google.com/samples/Showcase/Showcase.html#!CwCellTable Este es el escaparate de la CellTable.

Ahora quiero agregar mi widget (clase UI Binder) a cada celda de la tabla. Se verá de alguna manera así

En esta tabla de celdas, cada celda es este widget (LocationView - una clase de cuaderno de interfaz de usuario):

Entonces, ¿cómo puedo crear esta tabla usando la tabla de celdas (no uso la vista de cuadrícula porque no es compatible con la paginación)

o si no puedo usar la tabla de Celdas para crear esta tabla, lo que puedo usar para apoyar la paginación (si el número de LocationView (el icono que ves) es más de 6, saltará a la página 2).

¡Gracias por tu ayuda!.

Answer 1

Para agregar un widget a una celda, utilizo CellTableBuilder personalizado y establezco un ID único para la celda que debe contener un widget. Luego adjunto el widget a DOM y lo muevo a la celda.

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

Answer 2

Crear un tutorial de celdas personalizadas explica cómo hacerlo.