Question

我在JavaFX中有一个TableView（2.2 / Java 7是特定的），其中每列都是可排序的（实时排序），所有行/列都是可编辑的。作为一个例子，我们假设整个表代表一个“订单”。表中的每一行代表“订单行”，列代表“订单行”的属性，如“产品”，“数量”，“价格”等。用户可以添加，删除和编辑行（“订单” “他希望”。“

为了减少用户对UI的困惑，我想使用行选择，并确保一次只能编辑一行（因为排序会使当前编辑的值“跳”到桌子）。我还对每个“订单行”进行验证，这对于行而不是单个列更容易可视化（例如，假设组合或产品X和数量7是非法的，因为产品X只能以单位订购5，我想突出显示X和值7）。

可以轻松启用行选择。但是是否有一种实现行编辑的好方法？ TableView中的默认/内置编辑模式更像Excel，其中每个列可以单独编辑，提交和验证，这不是我想要的。我想要一个像文件浏览器中的文件列表。重要的是，编辑行的所有编辑都会立即提交到支持模型（items的{{1}}属性）（即，对于单个列没有TableView），因为排序和验证。

我之前在Swing中实现了类似的东西，然后最终使用我命名为onEditCommit的内容，它实际上是ColumnList，但是使用列标题和列，使其显示为像一张桌子。这也是JavaFX中可行的选择吗？ List类似乎与TableColum绑定，但我可能会遗漏一些东西。

我也知道JavaFX教程中的“地址簿”示例，它在表格下方有行选择和编辑器字段。这是我目前在我的应用程序中实现的，但我希望编辑与当前选定的行一致。因此，如果任何人都能找到实现这一目标的方法，那么使编辑器显示在当前选定行的“顶部”或“内部”也是一种替代方案。

Answer 1

您可以随时创建自己的编辑框，并根据需要将其弹出桌面。这不是一个很好的解决方案，但通过一些调整可能会很好。 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);
        }
    }
}

enter image description here

TableView中的行编辑

1 个答案: