JavaFx- Clone tab dynamically based on input

Question

I am parsing an XML file and populating the javafx fields with the XML values. However, these fields are in a tab & I want to clone the tab & its content based on the node count from the XML. Below is the fxml file screenshot:

I know one method of doing it is have the tab content in a separate FXML file and include it, but the problem of doing so is I have to populate the fields with data & I won't be able to populate data if load same fxml file multiple times with duplicate fx:ids.

Any method by which the above can be achieved?

Answer 1

Here is an example read the comments and you could probably do you fxml in a tab and load it into the tab pane if you want to save yourself a line of code

Main Class

public class Main extends Application {

    @Override
    public void start(Stage stage) {
        TabPane tabPane = new TabPane();
        ArrayList<Controller> controllerArrayList = new ArrayList<>();

        for (int i = 0; i < 5; i++) {
            //Don't just load it into the new node save a reference
            FXMLLoader loader = new FXMLLoader(getClass().getResource("/sample.fxml"));
            try {
                //Load it into the new parent node
                Tab tab = new Tab("Tab:"+i, loader.load());
                //Save contoller to arraylist of controllers
                controllerArrayList.add(loader.getController());
                //Add to tabPane
                tabPane.getTabs().add(tab);
            } catch (IOException e) {
                e.printStackTrace();
            }
        }

        //Do some stuff with your contollers
        int index = 0;
        for (Controller controller : controllerArrayList) {
            controller.setLabel("index:"+index);
            controller.setTextField("index:"+index++);
        }

        Scene scene = new Scene(tabPane);
        stage = new Stage();
        stage.setScene(scene);
        stage.show();
    }

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

Controller Class

public class Controller{

    public TextField textField;
    public Label label;

    public void setTextField(String text){ textField.setText(text); }

    public void setLabel(String text){ label.setText(text); }
}

FXML

<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.layout.VBox?>
<VBox alignment="CENTER" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="Controller">
   <children>
       <Label fx:id="label"/>
      <TextField fx:id="textField" />
   </children>
</VBox>