Discussion :

[Golzinne]

Bonjour,

J'ai une TableView:

Code :

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

1
2
3
 
@FXML
	private TableView<NewModVO> voTableView;

J'ai deux colonnes qui contiennent un Boolean

Code :

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

1
2
3
4
5
6
 
@FXML
	private TableColumn<NewModVO, Boolean> colNewModROH;
 
	@FXML
	private TableColumn<NewModVO, Boolean> colNewModROHBis;

Je voudrais que la deuxième affiche la valeur sous forme de texte et la première un checkBox (non editable)

Je mets :

Code :

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

1
2
3
4
5
 
colNewModROH.setCellValueFactory( new PropertyValueFactory<NewModVO,Boolean>("NewModROH"));
    	colNewModROH.setCellFactory( CheckBoxTableCell.forTableColumn(colNewModROH));
 
    	colNewModROHBis.setCellValueFactory( new PropertyValueFactory<NewModVO,Boolean>("NewModROH"));

C'est en fait deux fois la même valeur "NewModROH" dans les deux colonnes.

La valeur true ou false s'affiche bien dans ma deuxième colonne, mais le checkBox apparait comme disabled et n'est jamais coché.

[jeffray03]

salut,
essaies ceci:

Code :

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

colNewModROHBis.setCellFactory(CheckBoxTableCell.forTableColumn(colNewModROHBis));

Eric

[Golzinne]

Bonjour,

Comme je l'ai indiqué les deux colonnes de ma table affichent le même Boolean.

Au départ, si je mets :

Code :

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

1
2
3
 
colNewModROH.setCellValueFactory( new PropertyValueFactory<NewModVO,Boolean>("NewModROH"));
colNewModROHBis.setCellValueFactory( new PropertyValueFactory<NewModVO,Boolean>("NewModROH"));

Les deux colonnes affichent correctement "true" ou "false".

Ensuite je rajoute le code suivant sur la première colonne:

Code :

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

1
2
 
colNewModROH.setCellFactory( CheckBoxTableCell.forTableColumn(colNewModROH));

J'ai bien un checkBox qui se met dans la première colonne, mais il est comme "disabled" et même quand la valeur est true (ce que je vois dans la deuxième colonne qui s'affiche toujours bien), mon checkBox n'est jamais coché....

Le code que tu me proposes de rajouter est sur la deuxième colonne. Il ne va donc pas résoudre mon problème sur ma première colonne, au contraire, j'aurai alors la deuxième colonne qui dysfonctionne comme la première...

[jeffray03]

salut,
essaies donc ceci:

Code :

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

1
2
3
colNewModROHBis.setEditable(true);
 
colNewModROH.setEditable(true);

Eric

[Golzinne]

Désolé j'ai mis un peu de temps avant de pouvoir tester...

le setEditable à true ne change rien.

[jeffray03]

Salut,
alors je n´ai rien compris sur la problématique .
peux-tu me montrer de façon visuelle ce qui est la actuellement et ce que tu aimerais avoir.

Eric

[Golzinne]

Comme un petit dessin vaut mieux qu'un grand discours...

Ma colonne Roh et RohBis contiennent le même Boollean.

Seul l'affichage diffère.

Voici le code pour la première colonne ROH:

Code :

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

1
2
3
 
colNewModROH.setCellValueFactory( new PropertyValueFactory<NewModVO,Boolean>("NewModROH"));
colNewModROH.setCellFactory( CheckBoxTableCell.forTableColumn(colNewModROH));

le code pour la deuxième colonne est le suivant:

Code :

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

1
2
 
colNewModROHBis.setCellValueFactory( new PropertyValueFactory<NewModVO,Boolean>("NewModROH"));

Tu remarqueras que la valeur sur ma première ligne est "true", je m'attends donc à ce que mon checkbox de la première ligne soit coché !!!

En plus le checkbox est "disabled" malgré mon instruction:

Code :

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

1
2
 
colNewModROH.setEditable(true);

[win_ubuntu]

Voici un exemple qui s’exécute comme prévu:
la classe Main

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
public class TableViewCheckBox extends Application{
  private TableView<Model>   table;
    @Override
    public void start(Stage stage) throws Exception {
         table =  new TableView<>();
        TableColumn<Model, Boolean> col1 = new TableColumn<>("Colonne1");
        col1.setCellValueFactory(cellData -> cellData.getValue().reservedProperty());
        col1.setCellFactory(CheckBoxTableCell.forTableColumn(col1));
        TableColumn<Model, Boolean> col2 = new TableColumn<>("Colonne2");
        col2.setCellValueFactory(cellData -> cellData.getValue().reservedProperty());
        table.getColumns().addAll(col1,col2);
        populate();
        StackPane root = new StackPane(table);
        Scene scene = new Scene(root);
        stage.setScene(scene);
        stage.show();
 
 
 
    }
    private void populate(){
        for (int i = 0; i<10; i++ ){
            Model model = new Model();
            if(i % 2 == 0){
                model.setReserved(true);
            }
            else{
                model.setReserved(false);
            }
            table.getItems().add(model);
        }
    }
    public static void main(String[] args) {
        launch(args);
    }
 
}

la classe Model:

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
public class Model {
    private final BooleanProperty reserved = new SimpleBooleanProperty();
 
 
    public  BooleanProperty reservedProperty(){
        return reserved;
 
    }
 
    public boolean getReserved(){
        return reserved.get();
    }
 
    public void setReserved(boolean reserved) {
        this.reserved.set(reserved);
    }
}

capture d’écran:

[bouye]

Le soucis ne serait-il pas en fait que la colonne contient null ?

[Golzinne]

@Bouye
Ca peut pas être null puisque ma colonne ROHBis contient la même valeur que ma colonne ROH et que ROHBis contient (et affiche bien) toujours "true" ou "false".

@win_ubuntu
Je suis en JavaFX 2.2 donc je n'ai pas les lambda... mais dans ce cas ça ne fait pas de différence.
Je me demande si la différence ne vient pas du fait que dans ton example, la valeur derrière ton CheckBox est du Type BooleanProperty alors que chez moi, comme ça vient d'une classe Java (swing), c'est un Boolean.

[Raylemon]

Bonjour !
À mon avis, c'est à cause du type Boolean. Les éléments dans la colonne doivent passer des BooleanProperty. Une solution est d'utiliser un ReadOnlyBooleanWrapper. C'est souvent ce que j'utilise pour "convertir" mes pojos en JavaFX.

[win_ubuntu]

Bonjour !
Une solution est d'utiliser un ReadOnlyBooleanWrapper. C'est souvent ce que j'utilise pour "convertir" mes pojos en JavaFX.

Je ne suis pas tout a fait d'accord. ReadOnlyXXXWrapper à utiliser pour créer une propriétés en lecture seulement.
Exemple:

Code :

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

1
2
3
4
5
 private ReadOnlyIntegerWrapper id = new ReadOnlyIntegerWrapper(100);
 
    public final ReadOnlyIntegerProperty ISBNProperty() {
        return id.getReadOnlyProperty();
    }

l'avantage est le suivant:
on peut modifier la propriété id à l’intérieur de la classe où elle est déclarée. cette modification sera automatiquement reflété sur n'importe quelle copie en lecture déclaré à l’extérieur.

[bouye]

Pour ce que j'en vois en testant le probleme ne vient pas du code. En fait, c'est un soucis dans la feuille de style CASPIAN :

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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
package tablecheck;
 
import javafx.application.Application;
import javafx.beans.property.ReadOnlyBooleanWrapper;
import javafx.beans.property.ReadOnlyObjectWrapper;
import javafx.beans.property.SimpleBooleanProperty;
import javafx.beans.property.SimpleObjectProperty;
import javafx.scene.Scene;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.control.cell.CheckBoxTableCell;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
 
public class Main extends Application {
 
    @Override
    public void start(Stage primaryStage) {
        setUserAgentStylesheet(STYLESHEET_CASPIAN);
        final VBox root = new VBox();
        root.getChildren().add(createTable(true, true));
        root.getChildren().add(createTable(false, true));
        root.getChildren().add(createTable(true, false));
        root.getChildren().add(createTable(false, false));
        final Scene scene = new Scene(root, 800, 800);
        primaryStage.setTitle("Hello World!");
        primaryStage.setScene(scene);
        primaryStage.show();
    }
 
    private TableView createTable(final boolean columnEditable, final boolean tableEditable) {
        final TableView<Boolean> tableView = new TableView();
        final TableColumn<Boolean, Boolean> col1 = new TableColumn("Direct");
        col1.setEditable(columnEditable);
        col1.setCellFactory(CheckBoxTableCell.forTableColumn(col1));
        final TableColumn<Boolean, Boolean> col2 = new TableColumn("Boolean");
        col2.setEditable(columnEditable);
        col2.setCellValueFactory(feature -> new SimpleBooleanProperty(feature.getValue()));
        col2.setCellFactory(CheckBoxTableCell.forTableColumn(col1));
        final TableColumn<Boolean, Boolean> col3 = new TableColumn("Boolean Wrapper");
        col3.setEditable(columnEditable);
        col3.setCellValueFactory(feature -> new ReadOnlyBooleanWrapper(feature.getValue()));
        col3.setCellFactory(CheckBoxTableCell.forTableColumn(col1));
        final TableColumn<Boolean, Boolean> col4 = new TableColumn("Boolean Read Only");
        col4.setEditable(columnEditable);
        col4.setCellValueFactory(feature -> new ReadOnlyBooleanWrapper(feature.getValue()).getReadOnlyProperty());
        col4.setCellFactory(CheckBoxTableCell.forTableColumn(col1));
        final TableColumn<Boolean, Boolean> col5 = new TableColumn("Object");
        col5.setEditable(columnEditable);
        col5.setCellValueFactory(feature -> new SimpleObjectProperty<>(feature.getValue()));
        col5.setCellFactory(CheckBoxTableCell.forTableColumn(col1));
        final TableColumn<Boolean, Boolean> col6 = new TableColumn("Object Wrapper");
        col6.setEditable(columnEditable);
        col6.setCellValueFactory(feature -> new ReadOnlyObjectWrapper<>(feature.getValue()));
        col6.setCellFactory(CheckBoxTableCell.forTableColumn(col1));
        final TableColumn<Boolean, Boolean> col7 = new TableColumn("Object Read Only");
        col7.setEditable(columnEditable);
        col7.setCellValueFactory(feature -> new ReadOnlyObjectWrapper<>(feature.getValue()).getReadOnlyProperty());
        col7.setCellFactory(CheckBoxTableCell.forTableColumn(col1));
        tableView.getColumns().setAll(col1, col2, col3, col4, col5, col6, col7);
//        tableView.getItems().setAll(Boolean.TRUE, Boolean.FALSE, null);
        tableView.getItems().addAll(Boolean.TRUE, Boolean.FALSE);
        tableView.getItems().addAll(Boolean.TRUE, Boolean.FALSE);
        tableView.getItems().addAll(Boolean.TRUE, Boolean.FALSE);
        tableView.getItems().addAll(Boolean.TRUE, Boolean.FALSE);
        tableView.getItems().addAll(Boolean.TRUE, Boolean.FALSE);
        tableView.getItems().addAll(Boolean.TRUE, Boolean.FALSE);
        tableView.setColumnResizePolicy(TableView.CONSTRAINED_RESIZE_POLICY);
        tableView.setEditable(tableEditable);
        return tableView;
    }
 
    public static void main(String[] args) {
        launch(args);
    }
}

Avec Caspian :



Avec Modena :



A régler via les CSS donc en remettant l’opacité a 1 lorsque la checkbox est disabled et qu'elle se trouve dans une TableView ou une TableCell (voir avec ScenicView pour trouver le bon selecteur ou creer une cellule custom).
Par défaut, ça doit être cette règle (extraite de la feuille de style Caspian dans 1.8_40) qui est appliquée :

Code CSS :

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

1
2
3
.check-box:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

[Golzinne]

Bonsoir ,

Merci à tous pour votre implication, vos suggestions et vos tests !!!

Ca fait plaisir.

Je pense qu'avec tous ces éléments je m'approche de la solution.

En effet, je caste ma "vieille" classe "NewModVO" qui contient des Boolean, vers une nouvelle qui contient des BooleanProperty.
L'effet est immédiat et mon checkBox s'affiche bien coché quand mon Boolean est à true.

Toutefois, il reste "disabled" alors que j'ai mis ma colonne à SetEditable = true.

J'irais bien plus loin dans mes tests, mais je ne maitrise pas encore la mise à jour en base de donnée en éditant directement dans le tableView.

[jeffray03]

Salut,
ta tableView doit etre en

Code :

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

tabView.setEditable(true)

ainsi que

Code :

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

colNewModROH.setEditable(true)

Eric

[Golzinne]

Bonjour,

Effectivement j'avais bien mis ma colonne en setEditable mais pas ma TableView.

Je clicque maintenant sur ma box qui passe de checked à unchecked (ou inversement) et ma valeur true/false de ma deuxième colonne change en conséquence.

Merci en core à tous !

[blombart]

Voici un exemple qui s’exécute comme prévu:
la classe Main

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
public class TableViewCheckBox extends Application{
  private TableView<Model>   table;
    @Override
    public void start(Stage stage) throws Exception {
         table =  new TableView<>();
        TableColumn<Model, Boolean> col1 = new TableColumn<>("Colonne1");
        col1.setCellValueFactory(cellData -> cellData.getValue().reservedProperty());
        col1.setCellFactory(CheckBoxTableCell.forTableColumn(col1));
        TableColumn<Model, Boolean> col2 = new TableColumn<>("Colonne2");
        col2.setCellValueFactory(cellData -> cellData.getValue().reservedProperty());
        table.getColumns().addAll(col1,col2);
        populate();
        StackPane root = new StackPane(table);
        Scene scene = new Scene(root);
        stage.setScene(scene);
        stage.show();
 
 
 
    }
    private void populate(){
        for (int i = 0; i<10; i++ ){
            Model model = new Model();
            if(i % 2 == 0){
                model.setReserved(true);
            }
            else{
                model.setReserved(false);
            }
            table.getItems().add(model);
        }
    }
    public static void main(String[] args) {
        launch(args);
    }
 
}

la classe Model:

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
public class Model {
    private final BooleanProperty reserved = new SimpleBooleanProperty();
 
 
    public  BooleanProperty reservedProperty(){
        return reserved;
 
    }
 
    public boolean getReserved(){
        return reserved.get();
    }
 
    public void setReserved(boolean reserved) {
        this.reserved.set(reserved);
    }
}

capture d’écran:

Merci pour cette réponse qui fonctionne parfaitement !!!