ListView MultipleSelection in Eclipse Scene Builder not working ???

[AhFai Chan]

QUESTION: How do I get ListView to display multiple selections when using Scene Builder in Eclipse??

I am using Scene Builder in Eclipse to help me implement MVC and running into problems with Scene Builder
Please see .jpg underneath all this for a visual...

Here is the Controller code, I have been trying out variations, hence the "comment-out" bits...

package application;

import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.collections.ObservableList;
import javafx.fxml.FXML;
import javafx.scene.control.CheckBox;
import javafx.scene.control.ComboBox;
import javafx.scene.control.Label;
import javafx.scene.control.ListView;
import javafx.scene.control.MultipleSelectionModel;
import javafx.scene.control.SelectionMode;

public class FXMLDocumentController {
	
	// For CheckBox..................................
	@FXML private Label pizzaOrderLabel;
	@FXML private CheckBox pepperoniCheckBox;
	@FXML private CheckBox mozarellaCheckBox;
	@FXML private CheckBox salamiCheckBox;
	@FXML private CheckBox baconCheckBox;
	@FXML private CheckBox pineappleCheckBox;
	@FXML private CheckBox anchovisCheckBox;
	@FXML private CheckBox bellpepperCheckBox;
	@FXML private CheckBox oliveCheckBox;
	
	// For ComboBox..................................
	@FXML private Label comboBoxLabel;
	@FXML private ComboBox<String> comboBox;
	
	// For ListView
	@FXML private Label lvLabel;
	@FXML private ListView<String> listView;
	

	// For updating CheckBox label..................................
	public void pizzaOrderButtonPushed() {
		String order = "Toppings are:";
		
		if (mozarellaCheckBox.isSelected())
			order += "\nmozarella";
		if (pepperoniCheckBox.isSelected())
			order += "\npepperoni";
		if (salamiCheckBox.isSelected())
			order += "\nsalami";
		if (baconCheckBox.isSelected())
			order += "\nproscuitto";
		if (pineappleCheckBox.isSelected())
			order += "\npineapple";
		if (anchovisCheckBox.isSelected())
			order += "\nanchovis";
		if (bellpepperCheckBox.isSelected())
			order += "\nbell pepper";
		if (oliveCheckBox.isSelected())
			order += "\nolive";
		
		this.pizzaOrderLabel.setText(order);
	}
	
	
	// For updating ComboBox label..................................
	public void comboBoxWasUpdated() {
		
		String whiteGrapesSelected = "White wine grapes: \n";
		this.comboBoxLabel.setText(whiteGrapesSelected + comboBox.getValue().toString());
	}
	
	// For updating ListView label...................................
	MultipleSelectionModel<String> lvSelModel;
	
	public void listViewItemSelected() {   // <=== Not executing this code
		
		//lvSelModel.selectedItemProperty().addListener(new ChangeListener<String>() {
			
			//public void changed(ObservableValue<? extends String> changed, 
				//	String oldVal, String newVal) {
				
				String redGrapesSelected = "Red wine grapes:";
				
				ObservableList<String> selected =
						lvSelModel.getSelectedItems();
				
				for(String item : selected)
					redGrapesSelected += "\nitem";
				
				lvLabel.setText("testing123" + redGrapesSelected );
			//}
			
		//});
		


	}
	
	
	public void initialize() {
		
		pizzaOrderLabel.setText("");

		// Initialize ComboBox..................................
		comboBoxLabel.setText("");
		comboBox.getItems().clear();
		comboBox.getItems().addAll("Chardonnay",
				"Chenin Blanc",
				"Gewürztraminer",
				"Marsanne",
				"Muscat",
				"Pinot Blanc",
				"Riesling",
				"Rousanne",
				"Sauvignon Blanc",
				"Sémillon",
				"Viognier",
				"Grüner Veltliner");
		comboBox.setValue("Sauvignon Blanc");
		
		// Initialize ListView..................................
		lvLabel.setText("");
		listView.getItems().clear();
		listView.getItems().addAll("Barbera",
				"Blauburgunder",
				"Brunello",
				"Cabernet Sauvignon",
				"Carignane",
				"Carmenere",
				"Cinsault",
				"Dolcetto",
				"Durif",
				"Edelvernatch",
				"Gamay",
				"Grenache",
				"Grignolino",
				"Kalterersee Auslese",
				"Lagrein",
				"Malbec",
				"Montepulciano",
				"Mourvodre",
				"Nebbiolo",
				"Petit Sirah",
				"Petit Verdot");
		// enable multiple selections
		lvSelModel = listView.getSelectionModel();
		lvSelModel.setSelectionMode(SelectionMode.MULTIPLE);

	}

}

The code for Main()

package application;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.stage.Stage;
import javafx.scene.Parent;
import javafx.scene.Scene;

public class GuiDemoMain extends Application {
	@Override
	public void start(Stage primaryStage) {
		try {

			Parent rootNode = FXMLLoader.load(getClass().getResource("FXMLDocumentView.fxml"));

			Scene scene = new Scene(rootNode, 800, 700);

			primaryStage.setTitle("Collection of widgets I will be using...");
			primaryStage.setScene(scene);
			primaryStage.show();
		} catch(Exception e) {
			e.printStackTrace();
		}
	}
	
	public static void main(String[] args) {
		launch(args);
	}
}

The FXMLDocument

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

<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.CheckBox?>
<?import javafx.scene.control.ComboBox?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.ListView?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.text.Font?>

<AnchorPane onDragDetected="#listViewItemSelected" prefHeight="537.0" prefWidth="867.0" xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1" fx:controller="application.FXMLDocumentController">
   <children>
      <VBox layoutX="14.0" layoutY="22.0" prefHeight="500.0" prefWidth="200.0" spacing="5.0" AnchorPane.topAnchor="10.0">
         <padding>
            <Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
         </padding>
         <children>
            <Label prefWidth="200.0" text="CheckBox Object">
               <font>
                  <Font  size="18.0" />
               </font>
               <VBox.margin>
                  <Insets top="5.0" />
               </VBox.margin>
            </Label>
            <CheckBox fx:id="mozarellaCheckBox" mnemonicParsing="false" text="mozarella" />
            <CheckBox fx:id="pepperoniCheckBox" layoutX="15.0" layoutY="47.0" mnemonicParsing="false" text="pepperoni" />
            <CheckBox fx:id="salamiCheckBox" layoutX="15.0" layoutY="73.0" mnemonicParsing="false" text="salami" />
            <CheckBox fx:id="baconCheckBox" layoutX="15.0" layoutY="99.0" mnemonicParsing="false" text="bacon" />
            <CheckBox fx:id="pineappleCheckBox" layoutX="15.0" layoutY="125.0" mnemonicParsing="false" text="pineapple" />
            <CheckBox fx:id="anchovisCheckBox" layoutX="15.0" layoutY="151.0" mnemonicParsing="false" text="anchovis" />
            <CheckBox fx:id="bellpepperCheckBox" layoutX="15.0" layoutY="177.0" mnemonicParsing="false" text="bell pepper" />
            <CheckBox fx:id="oliveCheckBox" layoutX="15.0" layoutY="203.0" mnemonicParsing="false" text="olive" />
            <Button mnemonicParsing="false" onAction="#pizzaOrderButtonPushed" text="Pizza Toppings" />
            <Label fx:id="pizzaOrderLabel" alignment="TOP_LEFT" prefHeight="216.0" prefWidth="205.0" text="Label" />
         </children>
      </VBox>
      <VBox layoutX="234.0" layoutY="14.0" prefHeight="300.0" prefWidth="200.0" spacing="5.0" AnchorPane.topAnchor="14.0">
         <padding>
            <Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
         </padding>
         <children>
            <Label text="ComboBox Object">
               <font>
                  <Font  size="18.0" />
               </font>
               <VBox.margin>
                  <Insets />
               </VBox.margin>
            </Label>
            <ComboBox fx:id="comboBox" onAction="#comboBoxWasUpdated" prefHeight="31.0" prefWidth="168.0" />
            <Label fx:id="comboBoxLabel" prefHeight="44.0" prefWidth="179.0" text="Label" />
         </children>
      </VBox>
      <VBox layoutX="443.0" layoutY="14.0" prefHeight="480.0" prefWidth="200.0" spacing="5.0" AnchorPane.topAnchor="10.0">
         <padding>
            <Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
         </padding>
         <children>
            <Label text="ListView Object">
               <font>
                  <Font  size="18.0" />
               </font>
               <VBox.margin>
                  <Insets top="5.0" />
               </VBox.margin>
            </Label>
            <ListView fx:id="listView" onEditStart="#listViewItemSelected" prefHeight="240.0" prefWidth="190.0" />
            <Label fx:id="lvLabel" alignment="TOP_LEFT" prefHeight="200.0" prefWidth="197.0" text="Label" />
         </children>
      </VBox>
   </children>
</AnchorPane>

[Knute Snortum]

Are you sure onEditStart is the action you want to listen to?  What happens if you change it to onMouseClicked?

Also, I don't know if this is related, but you are calling listViewItemSelected on the onDragDetected action of the main AchorPane.

[AhFai Chan]

Ohhh
I had a few checked without filling out the methods in the Controller when I was testing.
I did very much want to edit the ListView items and upload back to the cloud later.
I am not going to work this weekend.
Thank-you.