Vaadin 10+ Tree Grid: Иерархии и как они работают?

Я пытался создать сетку дерева Vaadin с более сложной иерархией. Поскольку документация для этой платформы очень неясна и кажется немного неполной, я нашел это поток блога, который помог мне только в том, чтобы получить несколько дочерних элементов для одного родителя.

Однако я хочу иметь гораздо более сложную систему, где у детей были бы свои ветки (дети детей?).

Например:

пример

Так что теперь я застрял с этим фрагментом кода, и я не уверен, правильно ли я иду или нет.

        TreeGrid<TreeDto> grid = new TreeGrid<>(TreeDto.class);
        grid.setHierarchyColumn("name");

        List<TreeDto> parenlist = new ArrayList<TreeDto>();
        List<TreeDto> childList = new ArrayList<TreeDto>();
        for(DataDepartment department : departmentLists) 
        {
            TreeDto parent = new TreeDto(department.getDepName(), null);
            for(DataGeneralSection section: sectionList) 
        {
                childList.add(new TreeDto(section.getSection(), parent));
            }
            parenlist.add(parent);
        }

        List<TreeDto> newList = new ArrayList<TreeDto>(parenlist);
        newList.addAll(childList);

        newList.forEach(p -> grid.getTreeData().addItem(p.getParent(), p));
        abteilungenTabs.add(grid);

Кто-нибудь знает, как я могу достичь желаемой иерархии?


person JoffJoff    schedule 02.03.2020    source источник
comment
Поскольку вы просите V10 и показываете скриншот для V8, вы должны быть очень осторожны, чтобы не смешивать версии. Теоретически V10 — это кардинальное изменение: что-то останется прежним, что-то — нет.   -  person cfrick    schedule 02.03.2020


Ответы (2)


Вы должны использовать HierachicalDataProvider, который предоставляет данные.

Например:

 dataProvider = new AbstractBackEndHierarchicalDataProvider<>() {
            @Override
            public int getChildCount(HierarchicalQuery<TreeNode, Void> hierarchicalQuery) {
                if (hierarchicalQuery.getParent() == null) {
                    if (root == null) {
                        return 0;
                    } else {
                        return root.getChildren().size();
                    }
                } else {
                    return hierarchicalQuery.getParent().getChildren().size();
                }
            }

            @Override
            public boolean hasChildren(TreeNode treeNode) {
                return !treeNode.getChildren().isEmpty();
            }

            @Override
            protected Stream<TreeNode> fetchChildrenFromBackEnd(HierarchicalQuery<TreeNode, Void> hierarchicalQuery) {
                if (hierarchicalQuery.getParent() == null) {
                    if (root == null) {
                        return Stream.empty();
                    } else {
                        return root.getChildren().stream().skip(hierarchicalQuery.getOffset()).limit(hierarchicalQuery.getLimit());
                    }
                } else {
                    return hierarchicalQuery.getParent().getChildren().stream().skip(hierarchicalQuery.getOffset()).limit(hierarchicalQuery.getLimit());
                }
            }
        };
        treeGrid.setDataProvider(dataProvider);
person Simon Martinelli    schedule 02.03.2020

Вы можете просто продолжить глубже с вашим текущим подходом. Если у вас много элементов, вы можете подумать о поставщике данных, как предложил Саймон Мартинелли.

public class MainView extends VerticalLayout {

    public MainView() {
        TreeGrid<TreeItem> treeGrid = new TreeGrid<>();
        treeGrid.addHierarchyColumn(TreeItem::getValue);

        setSizeFull();
        treeGrid.setSizeFull();

        for (Company company: getCompanies()) {
            TreeItem companyItem = new TreeItem(company.getCompanyName());
            treeGrid.getTreeData().addItem(null, companyItem);

            for(Department department: company.getDepartments()) {
                TreeItem departmentItem = new TreeItem(department.getName());
                treeGrid.getTreeData().addItem(companyItem, departmentItem);

                for(Employee employee: department.getEmployees()) {
                    TreeItem employeeItem = new TreeItem(employee.getFullName());
                    treeGrid.getTreeData().addItem(departmentItem, employeeItem);
                }
            }
        }

        add(treeGrid);
    }
}
person Erik Lumme    schedule 02.03.2020