问题：

如何在JavaFX表视图中添加按钮

虞裕

2023-03-14

我在Google和Stackoverflow上搜索过这个，但我只是没有得到给定的示例。有人能给我解释一下吗？

我想在表视图的最后一列添加一个按钮，当它被单击时，它应该触发一个侦听器并传递buttons行的对象。我只是没有从gist中得到下面的例子。github。通用域名格式：

这是我的完整当前代码：

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);
            }
        }
    }

}

现在，我必须创建一个按钮cell extensed 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();
                    }
                }
            );

共有2个答案

轩辕阳焱

2023-03-14

下面是我使用很棒的Java8功能和扩展TableCell类的示例。

让我快速解释一下我在做什么：我创建了一个ActionButtonTableCell类，它扩展了TableCell。然后你可以使用Java8Lamda函数为按钮创建一个动作。

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;
}));

慕永年

2023-03-14

为了能够呈现列，TableColumn需要cellValueFactory。但底层数据模型中不存在“action”列。在本例中，我只给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);
        }

    }
}

类似资料：

如何在JavaFX表格视图中添加按钮

问题内容：我已经在Google和Stackoverflow上进行了搜索，但没有得到给出的示例。有人可以向我解释一下。我想在表视图的最后一列中添加一个按钮，当单击它时，它应该触发一个侦听器并传递按钮行的对象。我只是没有从 gist.github.com 得到以下示例：这是我目前的完整代码：现在我必须创建的部分是可以理解的。但是如何将其分配给列？我了解这一点：但这不是：问题答案：为了能
如何在TableView JavaFX的表列中添加两个按钮

我想在action TableColumn中添加两个按钮，我已经阅读了如何在JavaFX表格视图中添加按钮，以及如何在表格视图（JavaFX）中的单元格中添加按钮，但这两个按钮都在中使用一个按钮，所以当我尝试使用：它只显示了一个按钮：我怎样才能解决这个问题？
如何在视图中添加ROW_NUMBER（）？

问题内容：在PostgreSQL 8.4中，我想从3个ID为ID的表中创建一个视图。因此，我想采用以下结构：我可以选择，并从表：如何在视图中创建列？更新我找到了解决方案：但我不知道如何在中使用它。我怎么把它放在那里？问题答案：您不能使用删除或添加列。我引用ALTER VIEW上的手册：更改视图的各种辅助属性。（如果要修改视图的定义查询，请使用。）但是一个简单的方法并不能解决问
在android中，如何通过按下按钮添加纯文本视图？

我想学的是，当点击按钮时，一个新的纯文本（可编辑）应该出现在我在UI中创建的默认纯文本下面，该纯文本与默认纯文本具有相同的属性（例如，相同的宽度和高度），并且每个纯文本之间有一些空白。我的项目布局类型是constraint layout，我想把我的按钮放在UI的右下角，我已经用constraint layout归档了。通过浏览堆栈溢出和其他通过谷歌，我所看到的只是在线性布局中添加纯文本，如
如何在 JavaFX 中创建运行时动态添加列的表视图？

我有一个 TableView，它的内容应该是可编辑的，实际上必须保留在数据库中。此表视图有一些预定义的列和其他一些将在运行时定义的列。假设我的表格将显示一些特殊食物的主要材料。这些主要材料具有一些预定义的列（属性），例如名称、价格和单位;此外，这些主要材料还有一些其他属性，这些属性根据以前的用户输入（如脂肪、蛋白质等）保留在数据库中。请注意，这些属性位于数据库中，应在运行时映射到表中的列（这些列也
如何在Django管理员更改列表视图页面中添加按钮

问题内容：我想在模型的列表视图中为我的模型的“添加”按钮旁边添加一个按钮，然后创建一个视图函数，在该函数中，我将做我的工作，然后将用户重定向回列表视图。我已经检查了如何重载管理模板，但我仍然不知道，我应该将视图函数放在哪里做我的事情，以及如何将该视图注册到管理url中。还有关于安全性的问题。我想在admin内部执行该操作，因此如果您未登录，则无法使用它。问题答案：当多个应用程序提供同一资

如何在JavaFX表视图中添加按钮

共有2个答案

相关问答

相关文章

相关阅读

相关工具

相关文档