TableView中的行编辑

har*_*ldK 3 java javafx javafx-2

TableView在 JavaFX 中有一个(具体来说是 2.2/Java 7),其中每一列都是可排序的(实时排序)并且所有行/列都是可编辑的。例如,让我们假设整个表格代表一个“订单”。表格中的每一行代表“订单行”,列代表“订单行”的属性,如“产品”、“数量”、“价格”等。用户可以添加、删除和编辑行(“订单”行”),如他所愿。

为了使用户界面不那么令人困惑,我想使用行选择,并确保一次只能编辑一行(因为排序会使当前编辑的值在表格中“跳跃”) . 我还对每个“订单行”进行了验证,这对于一行而言更容易可视化,而不是单个列(例如,假设组合或产品 X 和数量 7 是非法的,因为产品 X 只能按单位订购5,我想同时突出显示 X 和值 7)。

可以轻松启用行选择。但是有实现行编辑的好方法吗?a 中的默认/内置编辑模式TableView更像是 Excel 的模式,其中每一列都可以单独编辑、提交和验证,这不是我想要的。我想要文件浏览器中的文件列表之类的东西。由于排序和验证,对已编辑行的所有编辑都立即提交给支持模型( 的items属性TableView)(即onEditCommit单个列的no ),这一点很重要。

我之前在 Swing 中实现了类似的东西,然后最终使用了我命名的 a ColumnList,它实际上是 a List,但带有列标题和列,使其看起来像一个表格。这在 JavaFX 中也是一个可行的选择吗?该TableColum课程似乎非常受 a 的约束TableView,但我可能会遗漏一些东西。

我还知道 JavaFX 教程中的“地址簿”示例,它在表格下方具有行选择和编辑器字段。这是我目前在我的应用程序中实现的,但我希望编辑显示与当前选定的行一致。因此,如果有人能想出一种方法来实现这一点,那么让编辑器出现在当前选定行的“顶部”或“内部”也是一种替代方法。

bri*_*ian 5

您可以随时制作自己的编辑器框,并根据需要将其弹出到表格中。这不是一个很好的解决方案,但经过一些调整可能会很好。Dbl 单击以编辑一行。

import javafx.application.Application;
import javafx.beans.property.SimpleIntegerProperty;
import javafx.beans.property.SimpleStringProperty;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.control.TextField;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.HBox;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class TableEdit extends Application {

    @Override
    public void start(Stage primaryStage) {
        TableView<Order> tv = new TableView<>();
        ObservableList<Order> items = FXCollections.observableArrayList(
                new Order("a-12", 100), new Order("b-23", 200), new Order("c-34", 300));
        tv.setItems(items);

        TableColumn<Order, String> tcNum = new TableColumn("Order#");
        tcNum.setPrefWidth(100);
        TableColumn<Order, Number> tcQty = new TableColumn("Qty");
        tcQty.setPrefWidth(100);
        tcNum.setCellValueFactory(new PropertyValueFactory<>("orderNum"));
        tcQty.setCellValueFactory(new PropertyValueFactory<>("qty"));
        tv.getColumns().addAll(tcNum, tcQty);

        HBox hbox = new HBox();
        TextField orderNum = new TextField();
        orderNum.setPrefWidth(100);
        TextField qty = new TextField();
        qty.setPrefWidth(100);

        tv.getSelectionModel().selectedItemProperty().addListener((obs, ov, nv) -> {
            if (nv != null) {
                orderNum.setText(nv.orderNum.get());
                qty.setText(String.valueOf(nv.qty.get()));
            }
        });

        Button commit = new Button("Commit");
        commit.setOnAction(new EventHandler<ActionEvent>() {
            public void handle(ActionEvent evt) {
                Order item = tv.getSelectionModel().getSelectedItem();
                item.orderNum.set(orderNum.getText());
                item.qty.set(Integer.valueOf(qty.getText()));
                tv.toFront();
            }
        });

        hbox.getChildren().addAll(orderNum, qty, commit);
        StackPane root = new StackPane(hbox, tv);

        tv.setOnMouseClicked(new EventHandler<MouseEvent>() {
            public void handle(MouseEvent evt) {
                if (evt.getClickCount()==2){
                    StackPane.setMargin(hbox, new Insets(evt.getSceneY(), 0, 0, 0));
                    hbox.toFront();
                }
            }
        });

        Scene scene = new Scene(root, 300, 250);
        primaryStage.setScene(scene);
        primaryStage.show();

    }

    public static void main(String[] args) {
        launch(args);
    }

    public class Order {

        private final SimpleStringProperty orderNum = new SimpleStringProperty();
        private final SimpleIntegerProperty qty = new SimpleIntegerProperty();

        public SimpleStringProperty orderNumProperty() {return orderNum;}
        public SimpleIntegerProperty qtyProperty() {return qty;}

        public Order(String orderNum, int qty) {
            this.orderNum.set(orderNum);
            this.qty.set(qty);
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明