javafX8初探（树形表格）

本章描述TreeTableView用户组件，这个组件让你能够在列中设计可视化的无限制层级数据。

TreeTableView和TreeView和TableView有共同之处。它结合了两者的功能。

创建一个TreeTableView控件

 

一个基本的TreeTableView的实现可以按照下面的步骤：

1：创建TreeItem

2：创建根节点

3：添加TreeItem到根节点

4：创建一个或多列

5：定义单元格内容

6：创建TreeTableView

7：关联列和TreeTableView

import javafx.application.Application;import javafx.beans.property.ReadOnlyStringWrapper;import javafx.scene.Group;import javafx.scene.Scene;import javafx.scene.control.TreeTableColumn;import javafx.scene.control.TreeTableColumn.CellDataFeatures;import javafx.scene.control.TreeItem;import javafx.scene.control.TreeTableView;import javafx.stage.Stage; public class TreeTableViewSample extends Application {     public static void main(String[] args) {        Application.launch(args);    }        @Override    public void start(Stage stage) {        stage.setTitle("Tree Table View Samples");        final Scene scene = new Scene(new Group(), 200, 400);        Group sceneRoot = (Group)scene.getRoot();                //Creating tree items        final TreeItem<String> childNode1 = new TreeItem<>("Child Node 1");        final TreeItem<String> childNode2 = new TreeItem<>("Child Node 2");        final TreeItem<String> childNode3 = new TreeItem<>("Child Node 3");                //Creating the root element        final TreeItem<String> root = new TreeItem<>("Root node");        root.setExpanded(true);                //Adding tree items to the root        root.getChildren().setAll(childNode1, childNode2, childNode3);                //Creating a column        TreeTableColumn<String,String> column = new TreeTableColumn<>("Column");        column.setPrefWidth(150);                //Defining cell content        column.setCellValueFactory((CellDataFeatures<String, String> p) ->             new ReadOnlyStringWrapper(p.getValue().getValue()));          //Creating a tree table view        final TreeTableView<String> treeTableView = new TreeTableView<>(root);        treeTableView.getColumns().add(column);        treeTableView.setPrefWidth(152);        treeTableView.setShowRoot(true);                     sceneRoot.getChildren().add(treeTableView);        stage.setScene(scene);        stage.show();    }     }

 

 

创建了一个简单的树形视图，只有一列，很多时候我们需要多个列。

添加多个列

 

import java.util.Arrays;import java.util.List;import javafx.application.Application;import javafx.beans.property.ReadOnlyStringWrapper;import javafx.beans.property.SimpleStringProperty;import javafx.scene.Group;import javafx.scene.Scene;import javafx.scene.control.TreeTableColumn;import javafx.scene.control.TreeItem;import javafx.scene.control.TreeTableView;import javafx.scene.image.Image;import javafx.scene.image.ImageView;import javafx.scene.paint.Color;import javafx.stage.Stage; public class TreeTableViewSample extends Application {     List<Employee> employees = Arrays.<Employee>asList(        new Employee("Ethan Williams", "[e-mail]"),        new Employee("Emma Jones", "[e-mail]"),        new Employee("Michael Brown", "[e-mail]"),        new Employee("Anna Black", "[e-mail]"),        new Employee("Rodger York", "[e-mail]"),        new Employee("Susan Collins", "[e-mail]"));    private final ImageView depIcon = new ImageView (            new Image(getClass().getResourceAsStream("department.png"))    );    final TreeItem<Employee> root =         new TreeItem<>(new Employee("Sales Department", ""), depIcon);    public static void main(String[] args) {        Application.launch(TreeTableViewSample.class, args);    }    @Override    public void start(Stage stage) {        root.setExpanded(true);        employees.stream().forEach((employee) -> {            root.getChildren().add(new TreeItem<>(employee));        });        stage.setTitle("Tree Table View Sample");        final Scene scene = new Scene(new Group(), 400, 400);        scene.setFill(Color.LIGHTGRAY);        Group sceneRoot = (Group) scene.getRoot();        TreeTableColumn<Employee, String> empColumn =             new TreeTableColumn<>("Employee");        empColumn.setPrefWidth(150);        empColumn.setCellValueFactory(            (TreeTableColumn.CellDataFeatures<Employee, String> param) ->             new ReadOnlyStringWrapper(param.getValue().getValue().getName())        );        TreeTableColumn<Employee, String> emailColumn =             new TreeTableColumn<>("Email");        emailColumn.setPrefWidth(190);        emailColumn.setCellValueFactory(            (TreeTableColumn.CellDataFeatures<Employee, String> param) ->             new ReadOnlyStringWrapper(param.getValue().getValue().getEmail())        );        TreeTableView<Employee> treeTableView = new TreeTableView<>(root);        treeTableView.getColumns().setAll(empColumn, emailColumn);        sceneRoot.getChildren().add(treeTableView);        stage.setScene(scene);        stage.show();    }     public class Employee {         private SimpleStringProperty name;        private SimpleStringProperty email;        public SimpleStringProperty nameProperty() {            if (name == null) {                name = new SimpleStringProperty(this, "name");            }            return name;        }        public SimpleStringProperty emailProperty() {            if (email == null) {                email = new SimpleStringProperty(this, "email");            }            return email;        }        private Employee(String name, String email) {            this.name = new SimpleStringProperty(name);            this.email = new SimpleStringProperty(email);        }        public String getName() {            return name.get();        }        public void setName(String fName) {            name.set(fName);        }        public String getEmail() {            return email.get();        }        public void setEmail(String fName) {            email.set(fName);        }    }}

改变外观

你可以展示出表格菜单按钮，这样用户就可以根据个人需要来打开或关闭列。通过调用treeTableView.setTableMenuButtonVisble(true)

你也可以控制根节点是否显示，通过调用：treeTableView.setShowRoot(false);

管理选择模式

默认的选择模式是SelectionMode.SINGLE

我们可以使用下面的方法，来支持多选。

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