CheckBoxTableCell affiche un checkbox "disabled"

Version imprimable

Bonjour,

J'ai une TableView:
Code:

1 2 3 @FXML private TableView<NewModVO> voTableView;
J'ai deux colonnes qui contiennent un Boolean
Code:

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:

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é.

11/11/2015, 09h42
jeffray03

salut,
essaies ceci:

Code:

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

Eric
11/11/2015, 11h25
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:

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:

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...

salut,
essaies donc ceci:
Code:

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

12/11/2015, 18h44
Golzinne

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

le setEditable à true ne change rien.
12/11/2015, 21h51
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
13/11/2015, 17h02
Golzinne

1 pièce(s) jointe(s)
Comme un petit dessin vaut mieux qu'un grand discours...
Pièce jointe 192621
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:

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:

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:

1 2 colNewModROH.setEditable(true);

1 pièce(s) jointe(s)

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

Code:

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:

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:
Pièce jointe 192686

16/11/2015, 04h49
bouye

Le soucis ne serait-il pas en fait que la colonne contient null ?
16/11/2015, 13h30
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.
16/11/2015, 14h53
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.
16/11/2015, 20h30
win_ubuntu
Citation:

Envoyé par Big

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:

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.

2 pièce(s) jointe(s)

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:

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 :

Pièce jointe 192829

Avec Modena :

Pièce jointe 192830

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:

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

16/11/2015, 23h56
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.
17/11/2015, 10h08
jeffray03

Salut,
ta tableView doit etre en

Code:

tabView.setEditable(true)

ainsi que

Code:

colNewModROH.setEditable(true)

Eric
17/11/2015, 12h19
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 !

Citation:

Envoyé par win_ubuntu

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

Code:

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:

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:
Pièce jointe 192686

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