问JavaFX动态表单域UI
EN

Stack Overflow用户

提问于 2018-06-07 18:08:59

回答 2查看 816关注 0票数 0

有人知道如何从如下所示的UI组件中模拟功能吗？我想在TextField框中输入文本时重复添加表单域。我不需要下拉按钮，只需要动态添加表单。

javafx

云直播特惠9.9元起

基于腾讯云多年音视频能力积淀，支持超低延迟、超高画质、超大并发访问量的直播需求，满足客户的多样化直播需求

回答 2

Stack Overflow用户

发布于 2018-06-08 18:36:53

您可以修改GridPane的子项，在每次激活其中一个按钮时添加一个新的TextField & Button。监听text属性以启用/禁用Button并保存结果。

private static void insertRow(GridPane grid, List<String> values, int index) {
    // increment index of children with rowIndex >= index
    for (Node n : grid.getChildren()) {
        int row = GridPane.getRowIndex(n);
        if (row >= index) {
            GridPane.setRowIndex(n, row + 1);
        }
    }

    TextField text = new TextField();

    Button add = new Button("+");
    add.setDisable(true);
    add.setOnAction(evt -> {
        insertRow(grid, values, GridPane.getRowIndex(add) + 1);
    });

    values.add(index, "");

    text.textProperty().addListener((a, oldValue, newValue) -> {
        add.setDisable(newValue.isEmpty());
        values.set(GridPane.getRowIndex(add), newValue);
    });

    grid.addRow(index, text, add);
}

@Override
public void start(Stage primaryStage) throws Exception {
    GridPane grid = new GridPane();
    List<String> list = new ArrayList<>();
    insertRow(grid, list, 0);
    Button print = new Button("print");
    print.setOnAction(evt -> {
        System.out.println(list);
    });
    grid.add(print, 0, 1);
    Scene scene = new Scene(grid, 300, 500);

    primaryStage.setScene(scene);
    primaryStage.show();
}

票数 0

Stack Overflow用户

发布于 2018-06-08 18:33:32

这可能不是你想要的，也可能不是最好的方法，但应该很容易适应你的需求。

基本上，您需要一个要添加到应用程序中的VBox的HBox对象列表。您可以自己创建列表并将其绑定到VBox的子项，或者只需使用getChildren().add()和getChildren().remove()方法在VBox中添加/删除HBoxes。

下面是一个完整的小应用程序来演示这个概念。我创建了一个内部类来处理包含所需字段的HBox。这可以被改编成更有价值的：

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TextField;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class Main extends Application {

    private static VBox mainPane;

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

    @Override
    public void start(Stage primaryStage) {

        mainPane = new VBox(5);
        mainPane.setPadding(new Insets(10));
        mainPane.setAlignment(Pos.TOP_CENTER);

        mainPane.getChildren().add(new UIForms());

        primaryStage.setScene(new Scene(mainPane));
        primaryStage.show();

    }

    static void addField() {
        mainPane.getChildren().add(new UIForms());
    }

    static void removeField(UIForms field) {
        if (mainPane.getChildren().size() > 1) {
            mainPane.getChildren().remove(field);
        }
    }
}

class UIForms extends HBox {

    private TextField textField1;
    private TextField textField2;

    private Button btnAddField;
    private Button btnRemoveField;

    public UIForms() {

        // Setup the HBox layout
        setAlignment(Pos.CENTER_LEFT);
        setSpacing(5);

        // Create the UI controls
        textField1 = new TextField();
        textField2 = new TextField();
        btnAddField = new Button("+");
        btnRemoveField = new Button("-");

        // Setup button actions
        btnAddField.setOnAction(e -> Main.addField());
        btnRemoveField.setOnAction(e -> Main.removeField(this));

        // Add the UI controls
        getChildren().addAll(
                textField1, textField2, btnAddField, btnRemoveField
        );
    }
}