JavaFX TreeTableView在表列中渲染数据的层次结构。
TreeTableView组件组合了TreeView和TableView控件。

  1. import javafx.application.Application;
  2. import javafx.beans.property.ReadOnlyStringWrapper;
  3. import javafx.scene.Group;
  4. import javafx.scene.Scene;
  5. import javafx.scene.control.TreeTableColumn;
  6. import javafx.scene.control.TreeTableColumn.CellDataFeatures;
  7. import javafx.scene.control.TreeItem;
  8. import javafx.scene.control.TreeTableView;
  9. import javafx.stage.Stage;
  11. public class Main extends Application {
  12.     public static void main(String[] args) {
  13.         Application.launch(args);
  14.     }
  15.     @Override
  16.     public void start(Stage stage) {
  17.         final Scene scene = new Scene(new Group(), 200, 400);
  18.         Group sceneRoot = (Group) scene.getRoot();
  20.         TreeItem<String> childNode1 = new TreeItem<>("Node 1");
  21.         TreeItem<String> childNode2 = new TreeItem<>("Node 2");
  22.         TreeItem<String> childNode3 = new TreeItem<>("Node 3");
  24.         TreeItem<String> root = new TreeItem<>("Root");
  25.         root.setExpanded(true);
  27.         root.getChildren().setAll(childNode1, childNode2, childNode3);
  29.         TreeTableColumn<String, String> column = new TreeTableColumn<>("Column");
  30.         column.setPrefWidth(150);
  32.         column.setCellValueFactory((CellDataFeatures<String, String> p) -> new ReadOnlyStringWrapper(
  33.             p.getValue().getValue()));
  35.         TreeTableView<String> treeTableView = new TreeTableView<>(root);
  36.         treeTableView.getColumns().add(column);
  37.         sceneRoot.getChildren().add(treeTableView);
  38.         stage.setScene(scene);
  39.         stage.show();
  40.     }
  41. }

image.png

添加几个列

  3. import java.util.Arrays;
  4. import java.util.List;
  6. import javafx.application.Application;
  7. import javafx.beans.property.ReadOnlyStringWrapper;
  8. import javafx.beans.property.SimpleStringProperty;
  9. import javafx.scene.Group;
  10. import javafx.scene.Scene;
  11. import javafx.scene.control.TreeItem;
  12. import javafx.scene.control.TreeTableColumn;
  13. import javafx.scene.control.TreeTableView;
  14. import javafx.stage.Stage;
  16. public class Main extends Application {
  18.     List<Employee> employees = Arrays.<Employee> asList(new Employee(
  19.             "Ethan Williams", "ethan.williams@example.com"), new Employee(
  20.             "Emma Jones", "emma.jones@example.com"), new Employee("Michael Brown",
  21.             "michael.brown@example.com"), new Employee("Anna Black",
  22.             "anna.black@example.com"), new Employee("Rodger York",
  23.             "roger.york@example.com"), new Employee("Susan Collins",
  24.             "susan.collins@example.com"));
  26.     final TreeItem<Employee> root = new TreeItem<>(new Employee(
  27.             "Sales Department", ""));
  29.     public static void main(String[] args) {
  30.         launch();
  31.     }
  33.     @Override
  34.     public void start(Stage stage) {
  35.         root.setExpanded(true);
  36.         employees.stream().forEach((employee) -> {
  37.             root.getChildren().add(new TreeItem<>(employee));
  38.         });
  39.         Scene scene = new Scene(new Group(), 400, 400);
  40.         Group sceneRoot = (Group) scene.getRoot();
  42.         TreeTableColumn<Employee, String> empColumn = new TreeTableColumn<>(
  43.                 "Employee");
  44.         empColumn.setPrefWidth(150);
  45.         empColumn
  46.                 .setCellValueFactory((
  47.                         TreeTableColumn.CellDataFeatures<Employee, String> param) -> new ReadOnlyStringWrapper(
  48.                         param.getValue().getValue().getName()));
  50.         TreeTableColumn<Employee, String> emailColumn = new TreeTableColumn<>(
  51.                 "Email");
  52.         emailColumn.setPrefWidth(190);
  53.         emailColumn
  54.                 .setCellValueFactory((
  55.                         TreeTableColumn.CellDataFeatures<Employee, String> param) -> new ReadOnlyStringWrapper(
  56.                         param.getValue().getValue().getEmail()));
  58.         TreeTableView<Employee> treeTableView = new TreeTableView<>(root);
  59.         treeTableView.getColumns().setAll(empColumn, emailColumn);
  60.         sceneRoot.getChildren().add(treeTableView);
  61.         stage.setScene(scene);
  62.         stage.show();
  63.     }
  65.     public class Employee {
  67.         private String name;
  68.         private String email;
  70.         public Employee() {
  71.         }
  73.         public Employee(String name, String email) {
  74.             this.name = name;
  75.             this.email = email;
  76.         }
  78.         public String getName() {
  79.             return name;
  80.         }
  82.         public void setName(String name) {
  83.             this.name = name;
  84.         }
  86.         public String getEmail() {
  87.             return email;
  88.         }
  90.         public void setEmail(String email) {
  91.             this.email = email;
  92.         }
  93.     }
  94. }

image.png

改变视觉外观

treeTableView.setTableMenuButtonVisible(true)启用表格菜单按钮，以便用户可以切换表列的可见性。 该方法将“+”按钮添加到表头。

  1. import java.util.Arrays;
  2. import java.util.List;
  4. import javafx.application.Application;
  5. import javafx.beans.property.ReadOnlyStringWrapper;
  6. import javafx.beans.property.SimpleStringProperty;
  7. import javafx.scene.Group;
  8. import javafx.scene.Scene;
  9. import javafx.scene.control.TreeItem;
  10. import javafx.scene.control.TreeTableColumn;
  11. import javafx.scene.control.TreeTableView;
  12. import javafx.stage.Stage;
  14. public class Main extends Application {
  16.     List<Employee> employees = Arrays.<Employee> asList(new Employee(
  17.         "Ethan Williams", "ethan.williams@example.com"), new Employee(
  18.         "Emma Jones", "emma.jones@example.com"), new Employee("Michael Brown",
  19.                                                               "michael.brown@example.com"), new Employee("Anna Black",
  20.                                                                                                          "anna.black@example.com"), new Employee("Rodger York",
  21.                                                                                                                                                  "roger.york@example.com"), new Employee("Susan Collins",
  22.                                                                                                                                                  "susan.collins@example.com"));
  24.     final TreeItem<Employee> root = new TreeItem<>(new Employee(
  25.         "Sales Department", ""));
  27.     public static void main(String[] args) {
  28.         Application.launch(Main.class, args);
  29.     }
  31.     @Override
  32.     public void start(Stage stage) {
  33.         root.setExpanded(true);
  34.         employees.stream().forEach((employee) -> {
  35.             root.getChildren().add(new TreeItem<>(employee));
  36.         });
  37.         Scene scene = new Scene(new Group(), 400, 400);
  38.         Group sceneRoot = (Group) scene.getRoot();
  40.         TreeTableColumn<Employee, String> empColumn = new TreeTableColumn<>(
  41.             "Employee");
  42.         empColumn.setPrefWidth(150);
  43.         empColumn
  44.             .setCellValueFactory((
  45.                 TreeTableColumn.CellDataFeatures<Employee, String> param) -> new ReadOnlyStringWrapper(
  46.                 param.getValue().getValue().getName()));
  48.         TreeTableColumn<Employee, String> emailColumn = new TreeTableColumn<>(
  49.             "Email");
  50.         emailColumn.setPrefWidth(190);
  51.         emailColumn
  52.             .setCellValueFactory((
  53.                 TreeTableColumn.CellDataFeatures<Employee, String> param) -> new ReadOnlyStringWrapper(
  54.                 param.getValue().getValue().getEmail()));
  56.         TreeTableView<Employee> treeTableView = new TreeTableView<>(root);
  57.         treeTableView.getColumns().setAll(empColumn, emailColumn);
  59.         treeTableView.setTableMenuButtonVisible(true);
  62.         sceneRoot.getChildren().add(treeTableView);
  63.         stage.setScene(scene);
  64.         stage.show();
  65.     }
  67.     public class Employee {
  69.         private SimpleStringProperty name;
  70.         private SimpleStringProperty email;
  72.         public SimpleStringProperty nameProperty() {
  73.             if (name == null) {
  74.                 name = new SimpleStringProperty(this, "name");
  75.             }
  76.             return name;
  77.         }
  79.         public SimpleStringProperty emailProperty() {
  80.             if (email == null) {
  81.                 email = new SimpleStringProperty(this, "email");
  82.             }
  83.             return email;
  84.         }
  86.         private Employee(String name, String email) {
  87.             this.name = new SimpleStringProperty(name);
  88.             this.email = new SimpleStringProperty(email);
  89.         }
  91.         public String getName() {
  92.             return name.get();
  93.         }
  95.         public void setName(String fName) {
  96.             name.set(fName);
  97.         }
  99.         public String getEmail() {
  100.             return email.get();
  101.         }
  103.         public void setEmail(String fName) {
  104.             email.set(fName);
  105.         }
  106.     }
  107. }

image.png
我们可以通过使用TreeTableView类的setShowRoot方法显示或隐藏根树项目。

  1. treeTableView.setShowRoot(false);

分类

我们可以通过点击列标题对数据进行排序。
设置列的降序排序模式

  1. aColumn.setSortType(TreeTableColumn.SortType.DESCENDING);

设置列的升序排序模式

  1. aColumn.setSortType(TreeTableColumn.SortType.ASCENDING);

将排序模式应用于所有树项目

  1. treeTableView.setSortMode(TreeSortMode.ALL_DESCENDANTS);

仅将排序模式应用于第一级节点

  1. treeTableView.setSortMode(TreeSortMode.ONLY_FIRST_LEVEL);

管理选择模式

TreeTableView类的默认选择模型是SelectionMode.SINGLE。
要启用树项目和单元格的多重选择，请使用setSelectionModel和setCellSelectionEnabled方法的组合。
启用单元格的多重选择

  1. treeTableView.getSelectionModel().setSelectionMode(SelectionMode.MULTIPLE);
  2. treeeTableView.getSelectionModel().setCellSelectionEnabled(true);