2

I have been trying to figure out how to set CheckComboBox to read-only.

I do not want to disable the CheckComboBox because I want the user to be able to scroll and look through the already checked items, however I want to disallow the ability of checking/unchecking an item.

Is there a way to do this?

DVarga
  • 21,311
  • 6
  • 55
  • 60
EDJ
  • 843
  • 3
  • 17
  • 37

1 Answers1

2

Hacky and fragile, but works:

public class CheckComboReadOnlySkin<T> extends CheckComboBoxSkin<T> {
    public CheckComboReadOnlySkin(CheckComboBox control) {
        super(control);

        ((ComboBox) getChildren().get(0)).setCellFactory((Callback<ListView<T>, ListCell<T>>) listView -> {
            CheckBoxListCell<T> result = new CheckBoxListCell<>(item -> control.getItemBooleanProperty(item));
            result.getStyleClass().add("readonly-checkbox-list-cell");
            result.setDisable(true);
            result.converterProperty().bind(control.converterProperty());
            return result;
        });
    }
}

while

checkComboBox.setSkin(new CheckComboReadOnlySkin<String>(checkComboBox));

Full usage:

final ObservableList<String> strings = FXCollections.observableArrayList();
for (int i = 0; i <= 50; i++) 
    strings.add("Item " + i);

// Create the CheckComboBox with the data
final CheckComboBox<String> checkComboBox = new CheckComboBox<>(strings);
for (int i = 0; i< checkComboBox.getCheckModel().getItemCount(); i++) {
    if (i % 3 == 0)
        checkComboBox.getCheckModel().check(i);
}
checkComboBox.setSkin(new CheckComboReadOnlySkin<String>(checkComboBox));
checkComboBox.getStylesheets().add(getClass().getResource("app.css").toString());

while in app.css:

.readonly-checkbox-list-cell{-fx-opacity : 1;}
.readonly-checkbox-list-cell .check-box{-fx-opacity : 1;}

Result: enter image description here

I hope someone will come up with a better one.

DVarga
  • 21,311
  • 6
  • 55
  • 60