JavaFX自定义TableCell侦听

Question

例如，当您按下Enter键时，TextFieldTableCell会响应并调用commitEdit（）。

如果我使用自定义节点显示，那么我该如何侦听确认编辑的方法？ 例如，我有一个DateTimePicker扩展了VBox。 我无法将KeyListener添加到VBox。

我该怎么做才能查看表内编辑的确认信息？ 这是我尝试过的：

class TableCellDateTimePicker extends TableCell<CHILD, LocalDateTime> {

    public TableCellDateTimePicker() {
        super();
    }



    @Override
    public void startEdit() {
        super.startEdit();
        DateTimePicker picker = new DateTimePicker();
        picker.getDatePickerField().setOnKeyPressed((KeyEvent event) -> {
            System.out.println("PRESS");
            if (event.getCode() == KeyCode.ENTER) {
                commitEdit(picker.getValue());
            }
        });
        picker.setValue(getItem());
        setGraphic(picker);
    }



    @Override
    public void commitEdit(LocalDateTime newValue) {
        super.commitEdit(newValue);
        setText(newValue.toString());
    }



    @Override
    public void cancelEdit() {
        super.cancelEdit();
    }

}

的DateTimePicker：

/**
 * A custom DateTimePicker that lets a user select a LocalDateTime.
 *
 * @author Toni-Tran
 */
public class DateTimePicker extends VBox {

    @FXML
    private DatePicker datePicker;
    @FXML
    private Button showTimePickerBtn;

    private NumberPicker hourField;
    private NumberPicker minuteField;

    private ObjectProperty<LocalDateTime> currentLocalDateTimeValue;



    public DateTimePicker() {
        FXMLLoader loader = new FXMLLoader(this.getClass().getResource(
                ScreenPaths.DATE_TIME_PICKER));
        loader.setController(this);
        loader.setRoot(this);
        try {
            loader.load();
        } catch (IOException e) {
        }
    }



    @FXML
    private void initialize() {
        showTimePickerBtn.setOnAction(event -> this.showTimePicker());

        hourField = new NumberPicker();
        hourField.setBounds(0, 23);
        hourField.setWrapAround(true);

        minuteField = new NumberPicker();
        minuteField.setBounds(0, 59);
        minuteField.setWrapAround(true);

        currentLocalDateTimeValue = new SimpleObjectProperty<>();

        datePicker.valueProperty().addListener((ObservableValue<? extends LocalDate> observable,
                LocalDate oldValue, LocalDate newValue) -> {
                    LocalDateTime newLDT;
                    if (newValue != null) {
                        newLDT = LocalDateTime.of(newValue.getYear(),
                                newValue.getMonth(), newValue.getDayOfMonth(),
                                hourField.getValue(), minuteField.getValue());
                        currentLocalDateTimeValue.set(newLDT);
                    } else {
                        currentLocalDateTimeValue.set(null);
                    }
                });

        hourField.valueProperty().addListener((ObservableValue<? extends Number> observable,
                Number oldValue, Number newValue) -> {
                    if (currentLocalDateTimeValue.getValue() != null) {
                        LocalDateTime newLDT = LocalDateTime.of(currentLocalDateTimeValue.getValue().getYear(),
                                currentLocalDateTimeValue.getValue().getMonth(), currentLocalDateTimeValue.getValue().getDayOfMonth(),
                                hourField.getValue(), minuteField.getValue());
                        currentLocalDateTimeValue.set(newLDT);
                    } else {
                        currentLocalDateTimeValue.set(null);
                    }
                });

        minuteField.valueProperty().addListener((ObservableValue<? extends Number> observable,
                Number oldValue, Number newValue) -> {
                    if (currentLocalDateTimeValue.getValue() != null) {
                        LocalDateTime newLDT = LocalDateTime.of(currentLocalDateTimeValue.getValue().getYear(),
                                currentLocalDateTimeValue.getValue().getMonth(), currentLocalDateTimeValue.getValue().getDayOfMonth(),
                                hourField.getValue(), minuteField.getValue());
                        currentLocalDateTimeValue.set(newLDT);
                    } else {
                        currentLocalDateTimeValue.set(null);
                    }
                });
    }



    /**
     * Manually set a LocalDateTime value for this control.
     *
     * @param val The {@link LocalDateTime} value for this control.
     */
    public void setValue(LocalDateTime val) {
        if (val == null) {
            return;
        }
        LocalDate day = LocalDate.of(val.getYear(), val.getMonthValue(),
                val.getDayOfMonth());
        datePicker.setValue(day);
        hourField.setValue(val.getHour());
        minuteField.setValue(val.getMinute());
    }



    /**
     * Returns the currently set LocalDateTime.
     *
     * @return the {@link LocalDateTime} value of this control.
     */
    public LocalDateTime getValue() {
        return currentLocalDateTimeValue.getValue();
    }



    /**
     * Returns the Observable property of the DateTimePicker's current
     * LocalDateTime value.
     *
     * @return the Observable property of the DateTimePicker's current
     * LocalDateTime value.
     */
    public ObjectProperty<LocalDateTime> valueProperty() {
        return currentLocalDateTimeValue;
    }



    /**
     * This is triggered when the user wants to view the screen for setting a
     * certain time for their LocalDateTime.
     */
    public void showTimePicker() {
        HBox topContainer = new HBox();
        topContainer.getChildren().addAll(hourField, new Label(":"),
                minuteField);
        topContainer.setSpacing(3);
        DialogPopup.showNodeApplicationlModal(topContainer);
    }

}

Answer 1

通常，在非编辑模式下，可编辑单元格将显示默认文本，而在编辑模式下，可编辑单元格将显示编辑控件（您的DateTimePicker ）。 您的自定义单元格实现需要处理它们之间的过渡，并确保如果更新了单元格的项目，则要正确更新编辑控件的文本和值。

因此，如果处于编辑模式（ isEditing() ），则应重写updateItem(...)以更新DateTimePicker的值；否则，应覆盖文本。 覆盖startEdit()以切换为显示DateTimePicker而不是文本，并覆盖cancelEdit()以切换回。

您可能根本不需要重写commitEdit() 。 如果您的列绑定到一个属性，则默认的commitEdit()应该更新该属性（或者您可以在onEditCommit列注册的onEditCommit处理程序中执行此操作）。

本教程有一个完全实现的可编辑表格单元格的示例：请参见底部附近的清单13.11。

但是，您将需要在适当的时间调用commitEdit(...) 。 这样做的语义有些棘手：当DateTimePicker内部的任何单个控件都具有焦点时，或者当焦点完全移离DateTimePicker时，如果用户按Enter键，则可能要提交编辑。

我建议您在DateTimePicker类中创建onAction属性。 这很容易做到，您只需在属性更改时调用setEventHander(...) 。 理查德·贝尔 （ Richard Bair）的MoneyField中有一个很好的例子（该链接中有很多东西，只看他在哪里创建了onAction处理程序）。 然后，您可以（在DateTimePicker内部）检查单个控件上的动作事件（或按Enter键），并在发生这种情况时调用fireEvent(new ActionEvent(...)) 。 然后，您的表格单元实现可以向DateTimePicker注册onAction并调用commitEdit(...) 。

进行聚焦损失的编辑应该不会困难得多。 也许在DateTimePicker公开ReadOnlyBooleanProperty hasFocus() ：

private final ReadOnlyBooleanWrapper hasFocus = new ReadOnlyBooleanWrapper(this, "hasFocus");
hasFocus.bind(
     hourField.focusedProperty()
    .or(minuteField.focusedProperty())
    .or(datePicker.focusedProperty())
    .or(showTimePickerButton.focusedProperty()));

// ...
public ReadOnlyBooleanProperty hasFocusProperty() {
    return hasFocus.getReadOnlyProperty();
}

然后，您的单元实现可以观察该属性，并在该属性更改为false提交编辑。 您可能需要尝试一下才能使其令人满意地工作。