Loading a new FXML file in the same scene - javafx

I'm new to JavaFX and i have a little problem with the UI.
I'm using JavaFX 8 and want to create my UI with FXML files.
I have created a pane with a header, a menubar and the placeholder for the content (This is the place where i want to load the others FXML files in when i press a Button from the menu bar). The content area is a AnchorPane.
I have tryed it with this:
#FXML
private AnchorPane aContent;
#FXML
protected void test(ActionEvent event) {
aContent.getChildren().setAll(FXMLLoader.load("view/ezMovieContent.fxml"));
}
The AnchorPane aContent is the content area in my scene. When i use this code i always get the message on the load() method
The method load(InputStream) in the type FXMLLoader is not applicable for the arguments (String)
Thank you for your help,
With regards, Timo

Related

Adding tabs into a TabPane depending on the clicked button [duplicate]

This question already has an answer here:
How do I determine the correct path for FXML files, CSS files, Images, and other resources needed by my JavaFX Application?
(1 answer)
Closed 2 years ago.
I have a file named Home.fxml which is a BorderPane. This component has buttons on the left and an empty TabPane called mainTabPane in the centre. I would like, when a user clicks on any button on the left, to add a tab to mainTabPane. I am able to add one tab when one button is clicked. But when I try to do the same for the second button, I get this error:
java.lang.IllegalStateException: Location not set
Here is the code for HomeController.java, where all is done:
public void initialize(URL loc, Resource Rse) {
createReportsTab();
loadCreateItemTab();
}
/*this is the one which works well*/
#FXML
void CreateReportTab() {
FXMLLoader loader = new FXMLLoader();
loader.setLocation(ReportsController.class.getResource("gui/Reports.fxml"));
Parent parent = loader.load();
Tab reportsTab = new Tab("Reporting Engine");
reportsTab.setClosable(true);
reportsTab.setcontent(parent);
mainTabPane.getTabs().add(reportsTab),
}
/*this is the one which produces the error*/
#FXML
void loadCreateItemTab() {
FXMLLoader loader = new FXMLLoader();
loader.setLocation(AddNewItemController.class.getResource("gui/addNewItem.fxml"));
Parent parent = loader.load();
Tab newItemTab= new Tab("New Item");
newItemTab.setClosable(true);
newItemTab.setcontent(parent);
mainTabPane.getTabs().add(newItemTab),
}
I am confused; why the Reporting Engine loads well but the second one is producing that error above?
Here is my project structure in IntelliJ IDEA:
All controller classes are in the controllers package and all FXML files are in the GUI package. The main class is in Companion package.
Error suggests that addNewItem.fxml is not read. Change:
AddNewItemController.class.getResources("gui/addNewItem.fxml");
to
ReportsController.class.getResources("gui/addNewItem.fxml");
, since this path worked for you already.

How to creat a button programmatically with JavaFX?

I want to make a button on an AnchorPane without drag it from the library in the FXML file I want to do it progammatically: if the search button clicked, should show a new button not existed in the AnchorPane before I did this code but I don't know what is wrong with it:
private void searchButton(ActionEvent evt) {
Button tab = new Button();
tab.setLayoutX(147);
tab.setLayoutY(102);
tab.setText("Tab1");
tab.setPrefHeight(27);
tab.setPrefWidth(69);
WebView wb = new WebView();
wb.setLayoutX(-1);
wb.setLayoutY(128);
wb.setPrefWidth(1604);
wb.setPrefWidth(700);
}
I am assuming that you searchButton method is in controller attached to some FXML. Then all you need to do is this:
yourAnchorPane.getChildren().add(tab);
If you don't have already published reference to anchorPane in your controller, then add this into your controller
#FXML
AnchorPane yourAnchorPane;
And in SceneBuilder select your anchorPane, go to code tab and enter "yourAnchorPane" as fx:id.
Further info on working with anchorpane is javadoc.
You probably also want to set some constraints on the tab to locate it at a position within the AnchorPane. For instance, the following code will locate your button tab relative to the top left corner of the AnchorPane: Ten pixels down and fifteen pixels to the right.
AnchorPane.setTopAnchor(tab, 10.0);
AnchorPane.setLeftAnchor(tab, 15.0);

Access elements of loaded FXML in Parent Controller

I currently have the following situation:
I have created a FXML file backed up by a FXML Controller. The screen consists of a sidebar and a child holder. When I click on an element in the sidebar, I load an additional FXML file in the child holder, like this:
childHolder.getChildren().addAll(FXMLLoader.load(getClass().getResource("SidebarItem1.fxml")));
This works fine. But I want to access some elements of the loaded FXML in the Controller of the Parent Controller. I just initialized the elements of the child FXML after I loaded it.
I already looked at this question: JAVAFX - FXML - Access Loaded FXML Controls from Parent Controller, but when I do it like that, I still get an error:
FXMLLoader loader = new FXMLLoader(getClass().getResource("SidebarItem1.fxml"));
loader.setController(this);
childHolder.getChildren().addAll(loader.load());
someChildTextField.setText("Some text");
I have given someChildTextField a fx:id and I have placed it on top of the initialize like this:
#FXML public TextField someChildTextField;
Still, I get a NullpointerException, so I assume it can still not find the control.
Does anyone know how to access elements of a loaded FXML in the Parent Controller?
I can't see any reason your approach doesn't work; I mocked something similar up and it worked just fine. This is an unusual approach, though, as you are using the same object as a controller for two separate FXML files.
I would recommend using one controller for each FXML. So you could do something like
public class SidebarItem1Controller {
#FXML
private TextField someTextField ;
public void setText(String text) {
someTextField.setText(text);
}
}
and then from your parent controller just do
FXMLLoader loader = new FXMLLoader(getClass().getResource("SidebarItem1.fxml"));
childHolder.getChildren().add(loader.load());
SideBarItem1Controller childController = loader.getController();
childController.setText("Some Text");
Set the controller in your SideBarItem1.fxml file the usual way, with fx:controller = com.example.SidebarItem1Controller"

Javafx Scene Builder show web page

My question is possible with Javafx Scene Builder show the webpage or html file?
Thanks a lot.
You can not "browse" the web with JavaFX Scene Builder directly, no.
But you can add the WebView Control element to your scene graph and use this component to browse the internet or local HTML files, see the corresponding documentation of WebView and WebEngine.
It's work.
First step is build to the Scene Builder the AnchorePane thereon StackPane thereon WebView.
The code:
#FXML
private WebView web;
#FXML
private StackPane root;
public void initialize() {
WebEngine engine = web.getEngine();
//engine.load("https://www.google.com/maps");
final URL urlGoogleMaps = getClass().getResource("GoogleMapsV3.html");
engine.load(urlGoogleMaps.toExternalForm());
engine.setJavaScriptEnabled(true);
root.getChildren().add(web);
}
Thanks a lot.

How to save the changes permanently in fxml file while adding menuItems through code

The following piece of code works good as long as the window is open. Menuitem added through code is visible in dropdown as expected
#FXML
public static MenuButton youradd;
#FXML
public void static addingMenuItem()
{
yourAdd.getItems().addAll(new MenuItem(newName));
}
But the issue is , when the particular stage or window is closed, the added menuitem disappers in the dropdown. I want the menuitems added to be stored permanently in the fxml code so that the menuitems are visible everytime i run the stage
NOTE: MenuButton has been created through scenebuilder. but adding MenuItems through code

Resources