Question

中提取所需的代码

实现可扩展的行，如上例所示（点击“show friends”单元格），但提供的源代码非常臃肿，并不像看起来那么容易。

有没有人有更简单的示例如何在DataGrid上实现可扩展行？

Answer 1

我遇到了和你一样的问题并开发了以下解决方案：

POJO，其中包含有关行的所有必要信息，还包含可以打开的子行：

import java.util.List;

public class MyPojo {

    private String value;

    private List<MyPojo> children;

    public MyPojo(String value, List<MyPojo> children) {

        this.value = value;
        this.children = children;
    }

    public String getValue1() {
        return value;
    }

    public List<MyPojo> getChildren() {
        return children;
    }

}

现在datagrid包含可以打开的行：

import java.util.ArrayList;
import java.util.HashSet;
import java.util.List;
import java.util.Set;

import com.google.gwt.cell.client.ClickableTextCell;
import com.google.gwt.cell.client.FieldUpdater;
import com.google.gwt.safehtml.shared.SafeHtml;
import com.google.gwt.safehtml.shared.SafeHtmlBuilder;
import com.google.gwt.text.shared.AbstractSafeHtmlRenderer;
import com.google.gwt.text.shared.SafeHtmlRenderer;
import com.google.gwt.user.cellview.client.Column;
import com.google.gwt.user.cellview.client.DataGrid;
import com.google.gwt.user.cellview.client.TextColumn;

public class MyGrid extends DataGrid<MyPojo> {

    private List<MyPojo> allRows = new ArrayList<>();

    private final Set<MyPojo> openedRows = new HashSet<MyPojo>();

    public MyGrid() {
        TextColumn<MyPojo> column1 = new TextColumn<MyPojo>() {

            @Override
            public String getValue(MyPojo object) {
                return object.getValue1();
            }
        };
        addColumn(column1, "Column1");

        SafeHtmlRenderer<String> anchorRenderer = new AbstractSafeHtmlRenderer<String>() {
            @Override
            public SafeHtml render(final String object) {

                if (!object.isEmpty()) {

                    SafeHtmlBuilder sb = new SafeHtmlBuilder();
                    sb.appendHtmlConstant("<a href=\"javascript:;\">").appendEscaped(object)
                            .appendHtmlConstant("</a>");
                    return sb.toSafeHtml();
                }
                return null;

            }
        };

        Column<MyPojo, String> openRowColumn = new Column<MyPojo, String>(
                new ClickableTextCell(anchorRenderer)) {

            public String getValue(final MyPojo object) {

                if (object.getChildren() != null && object.getChildren().size() != 0) {

                    if (openedRows.contains(object)) {
                        return "Hide";
                    }
                    return "Open";
                } else {
                    return null;
                }

            }

        };
        addColumn(openRowColumn, "Open Column");

        openRowColumn.setFieldUpdater(new FieldUpdater<MyPojo, String>() {

            @Override
            public void update(final int index, final MyPojo object, final String value) {
                handleChild(index, object);

            }

        });

        addContent();

    }

    private void handleChild(int index, MyPojo object) {
        List<MyPojo> children = object.getChildren();

        if (children != null && children.size() != 0 && !openedRows.contains(object)) {
            allRows.addAll(index + 1, children);
            openedRows.add(object);
            setRowData(allRows);
        } else if (openedRows.contains(object)) {

            for (int i = 0; i < children.size(); i++) {
                allRows.remove(index + 1);
            }
            openedRows.remove(object);
            setRowData(allRows);

        }

    }

    private void addContent() {

        MyPojo child = new MyPojo("Child 1", null);
        List<MyPojo> children = new ArrayList<>();
        children.add(child);

        for (int i = 0; i < 5; i++) {
            allRows.add(new MyPojo("c" + i, children));
        }
        setRowData(allRows);
    }
}

我们的想法是跟踪打开的行，因此我们使用HashSet openedRows。如果用户点击打开/关闭，则会在所点击的条目下方添加子项，或者删除可见的子项。

这种方法的缺点是无法对表进行排序，因为这会混淆子项和父项。我也没有测试删除/操作/插入行时会发生什么。

可能有更好或更简单的方法（我不知道），但这个方法相对简单，如果不需要修改则应该可靠。

GWT DataGrid中可扩展行的简单示例

1 个答案: