如何将文本字段插入 javafx table 视图 header?
How to insert text field to javafx table view header?
我有一个简单的 javafx 示例,它有一个 tableView
。我想在列 header 标签下插入一个文本字段以过滤 table 数据。
我为此找到了一个示例,但它插入了文本字段而不是 header 标签,而我想要同时拥有标签和文本字段:
import javafx.application.Application;
import javafx.beans.property.SimpleStringProperty;
import javafx.collections.FXCollections;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
public class TableWithTextHeaders extends Application {
public static void main(String[] args) { launch(args); }
@Override
public void start(Stage stage) {
TableColumn firstNameCol = new TableColumn("First Name");
firstNameCol.setCellValueFactory(new PropertyValueFactory<Person,String>("firstName"));
TableColumn lastNameCol = new TableColumn("Last Name");
lastNameCol.setCellValueFactory(new PropertyValueFactory<Person,String>("lastName"));
TableColumn searchCol = new TableColumn<>();
TableView table = new TableView();
table.getColumns().addAll(firstNameCol, lastNameCol);
table.setItems(FXCollections.observableArrayList(
new Person("Jacob", "Smith"),
new Person("Isabella", "Johnson"),
new Person("Ethan", "Williams")
));
table.setColumnResizePolicy(TableView.CONSTRAINED_RESIZE_POLICY);
StackPane layout = new StackPane();
layout.setStyle("-fx-padding: 10;");
layout.getChildren().add(table);
Scene scene = new Scene(layout);
stage.setScene(scene);
stage.show();
for (Node n: table.lookupAll(".column-header > .label")) {
if (n instanceof Label) {
Label label = (Label) n;
TextField textField = new TextField(label.getText());
label.textProperty().bind(textField.textProperty());
label.setGraphic(textField);
label.setContentDisplay(ContentDisplay.GRAPHIC_ONLY);
}
}
}
public static class Person {
private final SimpleStringProperty firstName;
private final SimpleStringProperty lastName;
private Person(String fName, String lName) {
this.firstName = new SimpleStringProperty(fName);
this.lastName = new SimpleStringProperty(lName);
}
public String getFirstName() { return firstName.get(); }
public void setFirstName(String fName) { firstName.set(fName); }
public String getLastName() { return lastName.get(); }
public void setLastName(String fName) { lastName.set(fName); }
}
}
但是我想对某些列执行此操作,而不是对所有列执行此操作。如何做到这一点?
您无需亲自动手进行查找。只需在 TableColumn
:
上设置图形
TextField headerTextField = new TextField();
Label label = new Label("First Name");
VBox headerGraphic = new VBox();
headerGraphic.setAlignment(Pos.CENTER);
headerGraphic.getChildren().addAll(label, headerTextField);
TableColumn<Person, String> firstNameCol = new TableColumn<>();
firstNameCol.setGraphic(headerGraphic);
我有一个简单的 javafx 示例,它有一个 tableView
。我想在列 header 标签下插入一个文本字段以过滤 table 数据。
我为此找到了一个示例,但它插入了文本字段而不是 header 标签,而我想要同时拥有标签和文本字段:
import javafx.application.Application;
import javafx.beans.property.SimpleStringProperty;
import javafx.collections.FXCollections;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
public class TableWithTextHeaders extends Application {
public static void main(String[] args) { launch(args); }
@Override
public void start(Stage stage) {
TableColumn firstNameCol = new TableColumn("First Name");
firstNameCol.setCellValueFactory(new PropertyValueFactory<Person,String>("firstName"));
TableColumn lastNameCol = new TableColumn("Last Name");
lastNameCol.setCellValueFactory(new PropertyValueFactory<Person,String>("lastName"));
TableColumn searchCol = new TableColumn<>();
TableView table = new TableView();
table.getColumns().addAll(firstNameCol, lastNameCol);
table.setItems(FXCollections.observableArrayList(
new Person("Jacob", "Smith"),
new Person("Isabella", "Johnson"),
new Person("Ethan", "Williams")
));
table.setColumnResizePolicy(TableView.CONSTRAINED_RESIZE_POLICY);
StackPane layout = new StackPane();
layout.setStyle("-fx-padding: 10;");
layout.getChildren().add(table);
Scene scene = new Scene(layout);
stage.setScene(scene);
stage.show();
for (Node n: table.lookupAll(".column-header > .label")) {
if (n instanceof Label) {
Label label = (Label) n;
TextField textField = new TextField(label.getText());
label.textProperty().bind(textField.textProperty());
label.setGraphic(textField);
label.setContentDisplay(ContentDisplay.GRAPHIC_ONLY);
}
}
}
public static class Person {
private final SimpleStringProperty firstName;
private final SimpleStringProperty lastName;
private Person(String fName, String lName) {
this.firstName = new SimpleStringProperty(fName);
this.lastName = new SimpleStringProperty(lName);
}
public String getFirstName() { return firstName.get(); }
public void setFirstName(String fName) { firstName.set(fName); }
public String getLastName() { return lastName.get(); }
public void setLastName(String fName) { lastName.set(fName); }
}
}
但是我想对某些列执行此操作,而不是对所有列执行此操作。如何做到这一点?
您无需亲自动手进行查找。只需在 TableColumn
:
TextField headerTextField = new TextField();
Label label = new Label("First Name");
VBox headerGraphic = new VBox();
headerGraphic.setAlignment(Pos.CENTER);
headerGraphic.getChildren().addAll(label, headerTextField);
TableColumn<Person, String> firstNameCol = new TableColumn<>();
firstNameCol.setGraphic(headerGraphic);