如何在 JavaFX 表格视图中添加按钮
Posted
技术标签:
【中文标题】如何在 JavaFX 表格视图中添加按钮【英文标题】：How to add button in JavaFX table view 【发布时间】：2015-06-11 22:02:54 【问题描述】：我已经在 Google 和 *** 上进行了搜索，但我没有得到给定的示例。有人可以向我解释一下。
我想在表格视图的最后一列添加一个按钮，当它被点击时，它应该触发一个监听器并传递按钮行的对象。我只是没有从 gist.github.com 得到以下示例：
这是我当前的完整代码：
public class SchermdeelWerkplaats extends BorderPane
//ATD moeder klasse met alle collecties etc.
private ATD $;
TableView tabel = new TableView();
Button nieuwTaak = new Button("Nieuwe taak inboeken");
final ObservableList<Task> data = FXCollections.observableArrayList();
public SchermdeelWerkplaats(ATD a)
$ = a;
data.addAll($.agenda);
tabel.setEditable(false);
tabel.setPlaceholder(new Label("Geen taken"));
TableColumn c1 = new TableColumn("datum");
c1.setMinWidth(200);
TableColumn c2 = new TableColumn("type");
c2.setMinWidth(100);
TableColumn c3 = new TableColumn("uren");
c3.setMinWidth(100);
TableColumn c4 = new TableColumn("klaar");
c4.setMinWidth(200);
TableColumn c5 = new TableColumn("Werknemer");
c5.setMinWidth(100);
TableColumn c6= new TableColumn("Auto");
c6.setMinWidth(400);
TableColumn c7= new TableColumn("Actie");
c7.setMinWidth(400);
TableColumn col_action = new TableColumn<>("Action");
col_action.setCellValueFactory(
new Callback<TableColumn.CellDataFeatures<Task, Boolean>,
ObservableValue<Boolean>>()
@Override
public ObservableValue<Boolean> call(TableColumn.CellDataFeatures<Task, Boolean> p)
return new SimpleBooleanProperty(p.getValue() != null);
);
col_action.setCellFactory(
new Callback<TableColumn<Task, Task>, TableCell<Task, Task>>()
@Override
public TableCell<Task, Task> call(TableColumn<Task, Task> p)
return new ButtonCell();
);
c1.setCellValueFactory(
new PropertyValueFactory<Task,Date>("date")
);
c2.setCellValueFactory(
new PropertyValueFactory<Task,Task.TaskType>("type")
);
c3.setCellValueFactory(
new PropertyValueFactory<Task,Double>("hours")
);
c4.setCellValueFactory(
new PropertyValueFactory<Task,Boolean>("done")
);
c5.setCellValueFactory(
new PropertyValueFactory<Task,Employee>("employee")
);
c6.setCellValueFactory(
new PropertyValueFactory<Task,Car>("car")
);
tabel.getColumns().addAll(c1, c2, c3, c4, c5, c6, c7);
tabel.setItems(data);
setCenter(tabel);
setBottom(nieuwTaak);
//letterlijk van internet geplukt en datatype aangepast
private class ButtonCell extends TableCell<Task, Task>
private Button cellButton;
ButtonCell()
cellButton = new Button("jjhjhjh");
cellButton.setOnAction(new EventHandler<ActionEvent>()
@Override
public void handle(ActionEvent t)
// do something when button clicked
Task record = getItem();
// do something with record....
);
//Display button if the row is not empty
@Override
protected void updateItem(Task record, boolean empty)
super.updateItem(record, empty);
if(!empty)
cellButton.setText("Something with "+record);
setGraphic(cellButton);
else
setGraphic(null);
现在我必须创建ButtonCell extends TableCell 的部分是可以理解的。但是如何将其分配给列？
我明白了：
c1.setCellValueFactory(
new PropertyValueFactory<Task,Date>("date")
);
但不是这个：
TableColumn col_action = new TableColumn<>("Action");
col_action.setCellValueFactory(
new Callback<TableColumn.CellDataFeatures<Task, Boolean>,
ObservableValue<Boolean>>()
@Override
public ObservableValue<Boolean> call(TableColumn.CellDataFeatures<Task, Boolean> p)
return new SimpleBooleanProperty(p.getValue() != null);
);
col_action.setCellFactory(
new Callback<TableColumn<Task, Task>, TableCell<Task, Task>>()
@Override
public TableCell<Task, Task> call(TableColumn<Task, Task> p)
return new ButtonCell();
);
【问题讨论】：
【参考方案1】：为了能够呈现列，TableColumn 需要 cellValueFactory。但是底层数据模型中不存在“动作”列。在这种情况下，我只是给 cellValueFactory 一些虚拟值并继续：
public class JustDoIt extends Application
private final TableView<Person> table = new TableView<>();
private final ObservableList<Person> data
= FXCollections.observableArrayList(
new Person("Jacob", "Smith"),
new Person("Isabella", "Johnson"),
new Person("Ethan", "Williams"),
new Person("Emma", "Jones"),
new Person("Michael", "Brown")
);
public static void main(String[] args)
launch(args);
@Override
public void start(Stage stage)
stage.setWidth(450);
stage.setHeight(500);
TableColumn firstNameCol = new TableColumn("First Name");
firstNameCol.setCellValueFactory(new PropertyValueFactory<>("firstName"));
TableColumn lastNameCol = new TableColumn("Last Name");
lastNameCol.setCellValueFactory(new PropertyValueFactory<>("lastName"));
TableColumn actionCol = new TableColumn("Action");
actionCol.setCellValueFactory(new PropertyValueFactory<>("DUMMY"));
Callback<TableColumn<Person, String>, TableCell<Person, String>> cellFactory
= //
new Callback<TableColumn<Person, String>, TableCell<Person, String>>()
@Override
public TableCell call(final TableColumn<Person, String> param)
final TableCell<Person, String> cell = new TableCell<Person, String>()
final Button btn = new Button("Just Do It");
@Override
public void updateItem(String item, boolean empty)
super.updateItem(item, empty);
if (empty)
setGraphic(null);
setText(null);
else
btn.setOnAction(event ->
Person person = getTableView().getItems().get(getIndex());
System.out.println(person.getFirstName()
+ " " + person.getLastName());
);
setGraphic(btn);
setText(null);
;
return cell;
;
actionCol.setCellFactory(cellFactory);
table.setItems(data);
table.getColumns().addAll(firstNameCol, lastNameCol, actionCol);
Scene scene = new Scene(new Group());
((Group) scene.getRoot()).getChildren().addAll(table);
stage.setScene(scene);
stage.show();
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);
【讨论】：
谢谢我现在明白了，感谢你的例子，我现在可以工作了。 getTableView().getItems().get(getIndex());不是函数，我尝试添加但不工作 任何使用 JFXTreeTableView 的人在按钮点击事件上使用这个 -> 用户 user = getTreeTableView().getTreeItem(getIndex()).getValue();【参考方案2】：这是我使用出色的 Java 8 功能并扩展 TableCell 类的示例。
让我快速解释一下我在做什么： 我创建了一个扩展 TableCell 的 ActionButtonTableCell 类。然后您可以使用 java 8 lamda 函数为按钮创建一个 Action。
import java.util.function.Function;
import javafx.event.ActionEvent;
import javafx.scene.control.Button;
import javafx.scene.control.TableCell;
import javafx.scene.control.TableColumn;
import javafx.util.Callback;
public class ActionButtonTableCell<S> extends TableCell<S, Button>
private final Button actionButton;
public ActionButtonTableCell(String label, Function< S, S> function)
this.getStyleClass().add("action-button-table-cell");
this.actionButton = new Button(label);
this.actionButton.setOnAction((ActionEvent e) ->
function.apply(getCurrentItem());
);
this.actionButton.setMaxWidth(Double.MAX_VALUE);
public S getCurrentItem()
return (S) getTableView().getItems().get(getIndex());
public static <S> Callback<TableColumn<S, Button>, TableCell<S, Button>> forTableColumn(String label, Function< S, S> function)
return param -> new ActionButtonTableCell<>(label, function);
@Override
public void updateItem(Button item, boolean empty)
super.updateItem(item, empty);
if (empty)
setGraphic(null);
else
setGraphic(actionButton);
实现就这么简单，这是一个从表格中删除项目的示例按钮：
column.setCellFactory(ActionButtonTableCell.<Person>forTableColumn("Remove", (Person p) ->
table.getItems().remove(p);
return p;
));
【讨论】：
很好的解决方案。我很好奇observable 扮演什么角色。
这是供将来参考，但对于这个答案，它可以被删除，因为它不被使用。将更新答案。谢谢以上是关于如何在 JavaFX 表格视图中添加按钮的主要内容，如果未能解决你的问题，请参考以下文章