How to get Text from fxml TextField

Question

I am trying to get the text from the firstName and lastName box from my .fxml file to my controller. I can't figure out how to get those firstName and lastName TextFields to pass the text through to the controller so i can then use them to create a person object

fxml:

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.Button?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.text.Text?>

<AnchorPane id="AnchorPane" fx:id="createPersonAnchor" prefHeight="247.0" prefWidth="285.0" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1">
   <children>
      <Button layoutX="171.0" layoutY="180.0" mnemonicParsing="false" onAction="#cancelCreatePersonAction" prefHeight="37.0" prefWidth="79.0" text="Cancel" />
      <TextField id="FirstName" fx:id="firstName" layoutX="115.0" layoutY="28.0" />
      <TextField id="LastName"  fx:id="lastName" layoutX="115.0" layoutY="78.0" />
      <Button layoutX="47.0" layoutY="180.0" mnemonicParsing="false" onAction="#createPersonAction" prefHeight="37.0" prefWidth="79.0" text="Create" />
      <Text layoutX="29.0" layoutY="45.0" strokeType="OUTSIDE" strokeWidth="0.0" text="First Name:" wrappingWidth="69.677734375" />
      <Text layoutX="29.0" layoutY="95.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Last Name:" wrappingWidth="69.677734375" />
   </children>
</AnchorPane>

controller:

package project1;

import java.net.URL;
import java.util.ResourceBundle;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.fxml.Initializable;
import javafx.scene.layout.AnchorPane;

/**
 * FXML Controller class
 *
 * @author Fomnus
 */
public class FXMLCreatePersonController implements Initializable {

    /**
     * Initializes the controller class.
     */
    public FXMLCreatePersonController(){
        FXMLLoader loader = new FXMLLoader(getClass().getResource("FXMLCreatePerson.fxml"));
        loader.setController(this);
        try{
            loader.load();
        }catch(Exception e){
            System.out.println(e.getMessage()+ "FXMLCreatePersonController failed");
        }
    }
    @FXML AnchorPane createPersonAnchor;
    @FXML public void setFXMLCreatePersonAnchorPane(AnchorPane fxmlCreatePerson){
        createPersonAnchor = fxmlCreatePerson;
    }
    @FXML public AnchorPane getFXMLCreatePersonAnchorPane(){
        return createPersonAnchor;
    }
    @FXML
    private void createPersonAction(ActionEvent event) {

    }
    @FXML
    private void cancelCreatePersonAction(ActionEvent event) {
        System.out.println("Hello World");
    }
    @Override
    public void initialize(URL url, ResourceBundle rb) {
        // TODO
    }    

}

Answer 1

First you set a controller to your FXML:

fx:controller=<Controller.Location>

then in your cotroller you use the Annotation @FXML next to the Node to be initialized refering to its id in the FXML.file during the initialization :

//Example :
@FXML TextField textfield;

and finally you set an ID to each Node you want to control (refering to the name you game to the Node :

fx:id=<idFromController>

and to get the text :

textfield.getText();