Unable to Call another fxml page on button click event - javafx

Question

I am Trying to come up with simple tool where I want to Call another fxml page on a button click from present fxml page.
My Main Java class is designed as follows:
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.stage.Stage;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.scene.control.TitledPane;
import javafx.scene.layout.BorderPane;
public class Main extends Application
{
#Override
public void start(Stage stage) {
try {
TitledPane page = (TitledPane)FXMLLoader.load(getClass().getResource("NewTest.fxml"));
Scene scene = new Scene(page);
stage.setScene(scene);
stage.setTitle("Welome Page");
stage.show();
} catch (Exception e) {
e.printStackTrace();
}
}
public static void main(String[] args) {
Application.launch(Main.class, (java.lang.String[])null);
}}
and Controller Class is designed as :
import javafx.event.ActionEvent;
import java.net.URL;
import java.util.ResourceBundle;
import javafx.event.EventHandler;
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.fxml.Initializable;
import javafx.scene.Parent;
import javafx.scene.control.Button;
import javafx.scene.control.TitledPane;
import javafx.stage.Stage;
public class SimpleController implements Initializable
{
#FXML // fx:id="loginbtn"
private Button loginbtn; // Value injected by FXMLLoader
#Override // This method is called by the FXMLLoader when
initialization is complete
public void initialize(URL fxmlFileLocation, ResourceBundle resources) {
assert loginbtn != null : "fx:id=\"myButton\" was not injected: check your FXML file 'simple.fxml'.";
// initialize your logic here: all #FXML variables will have been injected
loginbtn.setOnAction(new EventHandler<ActionEvent>() {
public void handle(ActionEvent event) {
Stage stage;
Parent root;
if(event.getSource()==loginbtn){
//get reference to the button's stage
stage=(Stage) loginbtn.getScene().getWindow();
//load up OTHER FXML document
try{
TitledPane page =(TitledPane) FXMLLoader.load(getClass().getResource("secondPage.fxml"));
}catch(Exception e)
{e.printStackTrace();}
}
}
});
}
}
And the Fxml Page is like:
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.PasswordField?>
<?import javafx.scene.control.TextArea?>
<?import javafx.scene.control.TitledPane?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.text.Font?>
<TitledPane text="Welcome to the Vacation Planner" xmlns="http://javafx.com/javafx/8.0.65" xmlns:fx="http://javafx.com/fxml/1">
<content>
<AnchorPane prefHeight="330.0" prefWidth="497.0">
<children>
<Label layoutX="14.0" layoutY="52.0" prefHeight="25.0" prefWidth="189.0" text="User Name">
<font>
<Font size="24.0" />
</font>
</Label>
<TextArea layoutX="53.0" layoutY="106.0" prefHeight="41.0" prefWidth="391.0" />
<Label layoutX="14.0" layoutY="165.0" text="Password">
<font>
<Font size="24.0" />
</font>
</Label>
<Button fx:id="loginbtn" layoutX="114.0" layoutY="262.0" mnemonicParsing="false" text="Login">
<font>
<Font size="18.0" />
</font>
</Button>
<Button fx:id="exitbtn" layoutX="271.0" layoutY="262.0" mnemonicParsing="false" text="Exit">
<font>
<Font size="18.0" />
</font>
</Button>
<PasswordField layoutX="53.0" layoutY="207.0" prefHeight="39.0" prefWidth="391.0" />
</children>
</AnchorPane>
</content>
</TitledPane>
When I am clicking on the button Login it is not opening the Second xml page that I am trying to open on button click.
Thanks in advance.

Answer 1

You load the Nodes and then do nothing with it.
You need to add them to the existing scene or replace that scene:
try{
TitledPane page =(TitledPane) FXMLLoader.load(getClass().getResource("secondPage.fxml"));
Scene newScene = new Scene(page);
stage.setScene(newScene);
} catch(Exception e) {
e.printStackTrace();
}
Furthermore you haven't associated the controller with the fxml. Use e.g. the fx:controller attribute with the fully qualified class name of the controller class at the root of the fxml to do this:
<TitledPane text="Welcome to the Vacation Planner" xmlns="http://javafx.com/javafx/8.0.65" xmlns:fx="http://javafx.com/fxml/1" fx:controller="my.package.SimpleController">
Where my.package would be the package containing the controller.