Discussion :

[Golzinne]

Bonjour,

En JavaFx 2, je voudrais afficher des listes de données.

Idéalement, je voudrais un listView qui afficherait pour chaque item plusieurs controles...

Exemple

Item1 de mon listView
Nom Prénom Age
Numéro de permis de conduire date de création
Item2 de mon listView
Nom Prénom Age
Numéro de permis de conduire date de création
....


Ce qui veut dire que le table view est mal adapté pour ce genre de cas puisque (dans mon exemple), j'ai une ligne sur deux avec trois champs et l'autre avec seulement 2.

Aussi, je voudrais non seulement pouvoir détecter sur quel Item j'ai cliqué (ce qui semble facile) mais aussi sur quel champ de mon item j'ai cliqué, ce qui semble plus compliqué...

Est ce une utopie de pouvoir faire ça ?
La plupart des exemples que je trouve sont des listView de String mais pas des ListView d'objets.

Merci pour vos réponses ou commentaires

[Golzinne]

Bon,

Je précise un peu ma demande....
Le code ci-après permet de créer un ListView qui contient différents contrôles (Hbox, Vbox, Label, Text)
En cliquant sur une ligne de mon ListView, j'arrive bien sûr à retrouver l'objet qui a été cliqué mais...
ce que je voudrais c'est savoir quel est le contrôle qui a été cliqué sur la ligne de mon ListBox.
Dans l'exemple ci-dessous, je voudrais savoir si l'utilisateur a cliqué sur le nom, le prix ou le label.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
 
 
public class ChargementNewModelController {
 
@FXML
	private ListView<CustomThing> lvObj;// a été créé via scenebuilder
 
ObservableList<CustomThing> datacustom = FXCollections.observableArrayList();
 
private void initialize() {
 
 
		datacustom.addAll(new CustomThing("Cheese", 123), new CustomThing("Horse", 456), new CustomThing("Jam", 789));
		lvObj.setItems(datacustom);
 
		lvObj.setCellFactory(new Callback<ListView<CustomThing>, ListCell<CustomThing>>() {
 
            @Override
            public ListCell<CustomThing> call(ListView<CustomThing> arg0) {
                return new ListCell<CustomThing>() {
 
                    @Override
                    protected void updateItem(CustomThing item, boolean bln) {
                        super.updateItem(item, bln);
                        if (item != null) {
                            VBox vBox = new VBox();
                           vBox.getChildren().addAll(new Text(item.getName()) , new Text(String.format("%d $", item.getPrice()))     ) ;
                           HBox hBox = new HBox();
                           hBox.getChildren().addAll(new Label("[Graphic]"), vBox);
                           hBox.setSpacing(20);
                           setGraphic(hBox);
                        }
                    }
 
                };
            }
 
        });
 
 
}
private static class CustomThing {
	        private String name;
	        private int price;
	        public String getName() {
	            return name;
	        }
	        public int getPrice() {
	            return price;
	        }
	        public CustomThing(String name, int price) {
	            super();
	            this.name = name;
	            this.price = price;
	        }
 
	    }
 
}

[bouye]

Il faut que tu mettes des écouteurs souris sur chacun des éléments qui composent ta cellule.

[Golzinne]

Ce n'est donc pas une utopie de pouvoir faire ça puisqu'il me suffit de mettre par exemple un textField comme contrôle sur mon listView pour que la souris sélectionne le textField plutôt que l'élément du listView.

[bouye]

Dans ce code de test-ci la sélection dans la liste a lieu si je clique sur le Label ou a coté mais pas sur le TextField. Mais on est pas a l’abri d'un bug JavaFX 2 qui aurait été corrigé dans JavaFX 8.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
public class Main extends Application {
 
    private static class EditorCell extends ListCell<String> {
 
        final private Label text = new Label();
        final private TextField editor = new TextField();
        final private VBox content = new VBox(text, editor);
 
        public EditorCell() {
        }
 
        @Override
        protected void updateItem(String item, boolean empty) {
            super.updateItem(item, empty);
            setText(null);
            setGraphic(empty || item == null ? null : content);
            text.setText(item);
            editor.setText(item);
        }
    }
 
    @Override
    public void start(Stage primaryStage) {
        final ListView<String> listView = new ListView();
        listView.setCellFactory(new Callback<ListView<String>, ListCell<String>>() {
 
            @Override
            public ListCell<String> call(ListView<String> param) {
                return new EditorCell();
            }
        });
        listView.getItems().addAll("Faa", "Fee", "Fii", "Foo", "Fuu", "Fyy");
        listView.getSelectionModel().selectedItemProperty().addListener(new InvalidationListener() {
 
            @Override
            public void invalidated(Observable observable) {
                System.out.println(listView.getSelectionModel().getSelectedItem());
            }
        });
        final StackPane root = new StackPane();
        root.getChildren().add(listView);
        final Scene scene = new Scene(root, 300, 250);
        primaryStage.setTitle("Hello World!");
        primaryStage.setScene(scene);
        primaryStage.show();
    }
 
    public static void main(String[] args) {
        launch(args);
    }
}