@User uploaded a file: Run App then separate views.mp4 and commented: The main view of this app consists of two views embedded in the main. First I run the app, then those two parts separately. Just the View, no data.

Uploading...

Ouch, sorry... I forgot to turn on mouse pointer. First screencast on this computer 🙂

That was a bit fast moving and no voice over (I'm at the martial arts center waiting for my kid so I can't make any noise)

@edvin i get the idea. pretty cool

@carlw I works pretty nice.. I might be able to add a preview pane that would update the view as you write code also..

The code here is not very nice btw, I was just prototyping the UI. size preferences etc will be moved to CSS shortly.

@edvin those views seem to track very closely to what you'd put into a .fxml file, so you'll always be able to run the View or Fragment in isolation

@carlw Yes, and I think that should be a goal in itself. That makes it much easier to test the UI.

meaning that they aren't unpacking anything from getUserData() or need other methods called

We support type safe looking using type safe CSS also, so it's easy to get to the ui elements to simulate button clicks etc.

Nope, just clean code 🙂

i wonder if you can supplement the "by fxml()" to give enable those components to do everything the typesafe builders do

do the views in the demo use a Controller object for DI?

@carlw I don't quite understand what you mean...

there are some actions behind the buttons. are the actions implemented in the view handlers or in a delegated controller object?

Oups. Wrong channel 🙂

@carlw I think of the View as a container for both the scene graph and functions, so it "contains the FXML and the functions". However, inside the builders I only call functions. I'll try to illustrate.

Inside the builder I have:

@User uploaded a file: Untitled

So in the place where I create the UI I configure the icon for the button, bind the disabled state and configure what action should be called when the button is clicked.

Then I have the action in the same class:

@User uploaded a file: Untitled

It can be private, which is great because it is just used internally. So any other View that needs access to this View (maybe it embeds it) cannot call my connect function. That's probably not possible with FXML even 🙂

I can choose to make it public if needed though.

Then it should be in a controller

Or a service

The event listener is in the view, but if it does more than a one liner it is in a controller. This could be a typical implementation of the above:

@User uploaded a file: Untitled

Yes