Announcement

**Isomorphic** · 11 Feb 2025, 08:37

A DataSource is required for filtering. Right now, you are setting up data correctly for a parent-linked tree, but not creating a DataSource, so it does not work.

The docs on Tree & ResultTree how to set up a DataSource that can be viewed as a Tree - it's very straightforward, you just declare foreignKey and primaryKey.

**Isomorphic** · 11 Feb 2025, 08:38

Not also that tree.addNode(node) is going to add to root because you haven't supplied a parent to add to. The parent is the second param, and if not passed, the only choice is to add to root.

**sdc2152** · 11 Feb 2025, 09:42

Thank you for the quick response! I set up a data source, and the error message is gone. However, when I try to filter the description field with "M", all records disappear. Am I setting up the data source correctly, or am I missing something?

Also tried setting cacheData on the data source and calling fetchData from the treeGrid but records do not appear?

Code:

import com.smartgwt.client.types.TreeModelType;
import com.smartgwt.client.widgets.Canvas;
import com.smartgwt.client.widgets.tree.Tree;
import com.smartgwt.client.widgets.tree.TreeGrid;
import com.smartgwt.client.widgets.tree.TreeGridField;
import com.smartgwt.client.widgets.tree.TreeNode;

import com.google.gwt.core.client.EntryPoint;

public class ParentLinkingTreeSample implements EntryPoint {

    public static final TreeNode[] employeeData = new TreeNode[] {
        new EmployeeTreeNode("4", "1", "Charles Madigen", "Manager"),
        new EmployeeTreeNode("189", "4", "Gene Porter", "Mid-Manager"),
        new EmployeeTreeNode("265", "189", "Olivier Doucet", "Grunt"),
        new EmployeeTreeNode("264", "189", "Cheryl Pearson", "Grunt"),
        new EmployeeTreeNode("188", "4", "Rogine Leger", "Mid-Manager")
    };

    public static class EmployeeTreeNode extends TreeNode {
        public EmployeeTreeNode(String employeeId, String reportsTo, String name, String description) {
            setAttribute("EmployeeId", employeeId);
            setAttribute("ReportsTo", reportsTo);
            setAttribute("Name", name);
            setAttribute("Description", description);
        }
    }

    public void onModuleLoad() {

        // modified
        DataSource ds = new DataSource();
        ds.setClientOnly(true);

        DataSourceIntegerField employeeIdField = new DataSourceIntegerField("EmployeeId");
        employeeIdField.setPrimaryKey(true);

        DataSourceIntegerField reportsToField = new DataSourceIntegerField("ReportsTo");
        reportsToField.setForeignKey("EmployeeId");

        DataSourceTextField nameField = new DataSourceTextField("Name");

        DataSourceTextField descriptionField = new DataSourceTextField("Description");

        ds.setFields(employeeIdField, reportsToField, nameField, descriptionField);
        //

        Tree employeeTree = new Tree();
        employeeTree.setDataSource(ds); // modified
        employeeTree.setModelType(TreeModelType.PARENT);
        employeeTree.setIdField("EmployeeId");
        employeeTree.setParentIdField("ReportsTo");
        employeeTree.setNameProperty("Name");
        employeeTree.setRootValue(1);
        employeeTree.setData(employeeData);

        TreeGrid employeeTreeGrid = new TreeGrid();
        employeeTreeGrid.setDataSource(ds); // modified
        employeeTreeGrid.setWidth(500);
        employeeTreeGrid.setHeight(400);
        employeeTreeGrid.setNodeIcon("icons/16/person.png");
        employeeTreeGrid.setFolderIcon("icons/16/person.png");
        employeeTreeGrid.setShowOpenIcons(false);
        employeeTreeGrid.setShowDropIcons(false);
        employeeTreeGrid.setClosedIconSuffix("");

        // modified
        employeeTreeGrid.setFields(new TreeGridField("Name"), new TreeGridField("Description"));
        employeeTreeGrid.setShowFilterEditor(true);
        employeeTreeGrid.setKeepParentsOnFilter(true);
        //

        employeeTreeGrid.setData(employeeTree);
        employeeTreeGrid.setShowSelectedIcons(true);

        employeeTreeGrid.getData().openAll();

        employeeTreeGrid.draw();
    }


}

**Isomorphic** · 13 Feb 2025, 06:50

You didn't say what field you were filtering on. Also, read about keepParentsOnFilter and the requirements for that property - looks like you haven't set them.

Announcement

TreeGrid Filter Issue

Comment

Comment

Comment

Comment