在VBox JavaFX-8中使用过滤器参数过滤TableView

Question

下面的代码被修改为不包括我的数据库中的任何数据。

public ObservableList<Users> showUserData() {
    for(int i = 0; i <= 5; i++) {
        Image image = new Image("file:///" + [path to whatever image in your PC]);
        VBox vbox  = new VBox();

        vbox.getChildren().addAll(new Label("Name: " + "a name"), 
            new Label("Username: " + "a username"), 
            new Label("Position: " + "a position"));

        ImageView pic = new ImageView();
        pic.setFitHeight(150);
        pic.setFitWidth(150);
        pic.setImage(image);
        pic.setSmooth(true);
        pic.setPreserveRatio(true);
        users.add(new Users(pic, vbox));

    }

    return users;
}

然后将其传递到initialize方法中，在该方法中进行表的实际填充。

顺便说一下，Users类如下所示：

public class Users {
    private ImageView userImage;
    private VBox userDetails;

    public Users() {
        this.userImage = null;
        this.userDetails = null;
    }

    public Users(ImageView userImage, VBox userDetails) {
        this.userImage = userImage;
        this.userDetails = userDetails;
    }

    public ImageView getUserImage() {
        return userImage;
    }

    public void setUserImage(ImageView userImage) {
        this.userImage = userImage;
    }

    public VBox getUserDetails() {
        return userDetails;
    }

    public void setUserDetails(VBox userDetails) {
        this.userDetails = userDetails;
    }
}

该程序按预期工作，我可以看到与图像和VBox的详细信息的表格。

现在我想添加一个TextField来过滤表，过滤参数是标签中的文本。

我明白了，我需要将ObservableList放入FilteredList中，然后放入SortedList中。

Answer 1

将数据存储在项中，而不是显示它们的节点！您可以使用CellFactory创建以您喜欢的方式显示数据的单元格：

public class UserDetails {

    private final String name;
    private final String username;
    private final String position;

    public UserDetails(String name, String username, String position) {
        this.name = name;
        this.username = username;
        this.position = position;
    }

    public String getName() {
        return name;
    }

    public String getUsername() {
        return username;
    }

    public String getPosition() {
        return position;
    }

}

public class User {
    private UserDetails userDetails;
    private Image image;

    public User(UserDetails userDetails, Image image) {
        this.userDetails = userDetails;
        this.image = image;
    }

    public UserDetails getUserDetails() {
        return userDetails;
    }

    public Image getImage() {
        return image;
    }

}

public ObservableList<User> showUserData() {
    ObservableList<User> users = FXCollections.observableArrayList();
    for (int i = 0; i <= 5; i++) {
        users.add(new User(
                new UserDetails("a name", "a username", "a position"),
                new Image("https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png")));

    }

    return users;
}

@Override
public void start(Stage primaryStage) {
    TableView<User> table = new TableView<>(showUserData());

    TableColumn<User, Image> imageColumn = new TableColumn<>();
    TableColumn<User, UserDetails> userDetailsColumn = new TableColumn<>();
    table.getColumns().addAll(imageColumn, userDetailsColumn);

    imageColumn.setCellValueFactory(new PropertyValueFactory<>("image"));
    userDetailsColumn.setCellValueFactory(new PropertyValueFactory<>("userDetails"));

    imageColumn.setCellFactory(col -> new TableCell<User, Image>() {

        private final ImageView imageView = new ImageView();

        {
            imageView.setFitHeight(150);
            imageView.setFitWidth(150);
            imageView.setSmooth(true);
            imageView.setPreserveRatio(true);
        }

        @Override
        protected void updateItem(Image item, boolean empty) {
            super.updateItem(item, empty);

            if (empty) {
                imageView.setImage(null);
                setGraphic(null);
            } else {
                imageView.setImage(item);
                setGraphic(imageView);
            }
        }

    });

    userDetailsColumn.setCellFactory(col -> new TableCell<User, UserDetails>() {

        private final Label nameLabel = new Label();
        private final Label userNameLabel = new Label();
        private final Label positionLabel = new Label();
        private final VBox vbox = new VBox(nameLabel, userNameLabel, positionLabel);

        @Override
        protected void updateItem(UserDetails item, boolean empty) {
            super.updateItem(item, empty);

            if (empty) {
                setGraphic(null);
            } else {
                nameLabel.setText("Name: "+item.getName());
                userNameLabel.setText("Username: "+item.getUsername());
                positionLabel.setText("Position: "+item.getPosition());
                setGraphic(vbox);
            }
        }

    });

    Scene scene = new Scene(table);

    primaryStage.setScene(scene);
    primaryStage.show();
}

如果创建了大量用户，这可以大大减少占用空间，因为它不为每个项存储大型节点的类，而是重用与每个单元格相关联的类。

这将允许您轻松地根据文本创建谓词：

TextField textField = ...
FilteredList<User> filteredList = ...

textField.textProperty().addListener((observable, oldValue, newValue) -> filteredList.setPredicate(newValue.isEmpty()
                      ? null
                      : user -> user.getName().contains(newValue)
                                || user.getUsername().contains(newValue)
                                || user.getPosition().contains(newValue)));