DatePicker 的值在 Javafx 中的 Tableview 行中不断重置

Question

我正在使用 DatePickerCell class 在 TableView 单元格中创建 Datepicker，但我无法保留它的值。

这是用于呈现单元格的 DatePickerCell class，它取自带有生日示例的论坛。

public class DatePickerCell<S, T> extends TableCell<T, Date> {

private DatePicker datePicker;

public DatePickerCell() {

    super();

    if (datePicker == null) {
        createDatePicker();
    }
    setGraphic(datePicker);
    setContentDisplay(ContentDisplay.GRAPHIC_ONLY);

    Platform.runLater(new Runnable() {
        @Override
        public void run() {
            datePicker.requestFocus();
        }
    });
}

@Override
public void updateItem(Date item, boolean empty) {

    super.updateItem(item, empty);

    SimpleDateFormat smp = new SimpleDateFormat("dd/MM/yyyy");

    if (null == this.datePicker) {
        System.out.println("datePicker is NULL");
    }

    if (empty) {
        setText(null);
        setGraphic(null);
    } else {

        if (isEditing()) {
            setContentDisplay(ContentDisplay.TEXT_ONLY);

        } else {
            setDatepikerDate(smp.format(new Date()));
            setText(smp.format(new Date()));
            setGraphic(this.datePicker);
            setContentDisplay(ContentDisplay.GRAPHIC_ONLY);
        }
    }
}

private void setDatepikerDate(String dateAsStr) {

    LocalDate ld = null;
    int day, month, year;

    day = month = year = 0;
    try {
        day = Integer.parseInt(dateAsStr.substring(0, 2));
        month = Integer.parseInt(dateAsStr.substring(3, 5));
        year = Integer.parseInt(dateAsStr.substring(6, dateAsStr.length()));
    } catch (NumberFormatException e) {
        System.out.println("setDatepikerDate / unexpected error " + e);
    }

    ld = LocalDate.of(year, month, day);
    datePicker.setValue(ld);
}

private void createDatePicker() {
    this.datePicker = new DatePicker();
    datePicker.setPromptText("dd/MM/yyyy");
    datePicker.setEditable(true);

    datePicker.setOnAction(t -> {
        LocalDate date = datePicker.getValue();
        int index1 = getIndex();

        SimpleDateFormat smp = new SimpleDateFormat("dd/MM/yyyy");
        Calendar cal = Calendar.getInstance();
        cal.set(Calendar.DAY_OF_MONTH, date.getDayOfMonth());
        cal.set(Calendar.MONTH, date.getMonthValue() - 1);
        cal.set(Calendar.YEAR, date.getYear());

        setText(smp.format(cal.getTime()));
        commitEdit(cal.getTime());
    });

    setAlignment(Pos.CENTER);
}

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

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

public DatePicker getDatePicker() {
    return datePicker;
}

public void setDatePicker(DatePicker datePicker) {
    this.datePicker = datePicker;
}

}

我想知道的是，当我在 table 中使用它并尝试添加一行或多行时，前几行中先前选择的日期设置为默认（系统日期）日期和我选择的日期价值观消失了。我不明白为什么要重新初始化所有日期选择器或重置它们的日期。

这就是我在代码中使用它的方式

@FXML private TableView<Stock> tblStock;
@FXML private TableColumn<Stock, Date> colDate;

colDate.setCellValueFactory(new PropertyValueFactory<>("date1"));
    colDate.setCellFactory(cell -> new DatePickerCell());

在我的 Stock class 中，这是我初始化 date1 的方式

private Date date1 = new Date();

Answer 1

经过漫长的寻找，终于实现了我的目标。多亏了这个 person，我得到了一个带有日期选择器的工作 table 单元格。

这里是供以后参考的代码：

DatePickerCell class

public class DatePickerCell<S, T> extends TableCell<S, Date> {

private DatePicker datePicker;

public DatePickerCell() {

    super();

    //if you want focus on your datepicker
    /*Platform.runLater(new Runnable() {
        @Override
        public void run() {
            datePicker.requestFocus();
        }
    });*/
}

@Override
public void updateItem(Date item, boolean empty) {
    super.updateItem(item, empty);

    if (empty) {
        setText(null);
        setGraphic(null);
    } else {

        if (isEditing()) {
            if(datePicker != null) {
                datePicker.setValue(getDate());
            }
            setText(null);
            setGraphic(datePicker);
        } else {
             setText(getDate()
          .format(DateTimeFormatter.ofLocalizedDate(FormatStyle.SHORT)));
            setGraphic(null);
        }
    }
}

private void createDatePicker() {
    this.datePicker = new DatePicker(getDate());
    datePicker.setPromptText("dd/MM/yyyy");
    datePicker.setEditable(true);

    datePicker.setOnAction(t -> {
commitEdit(Date.from(datePicker.getValue().atStartOfDay(ZoneId.systemDefault())
.toInstant()));

    datePicker.focusedProperty().addListener(((observable, oldValue,
       newValue) -> {
            if(!newValue)
                commitEdit(Date.from(datePicker.getValue()
            .atStartOfDay(ZoneId.systemDefault()).toInstant()));
        }));
    });
}

@Override
public void startEdit() {
    super.startEdit();
    if(!isEmpty()) {
        createDatePicker();
        setText(null);
        setGraphic(datePicker);
    }
}

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

    setText(getDate().toString());
    setGraphic(null);
}

public LocalDate getDate() {
    return getItem() == null ? LocalDate.now() :
     getItem().toInstant().atZone(ZoneId.systemDefault()).toLocalDate();
}

}

在应用程序中使用

型号class

private SimpleObjectProperty<Date> date = new SimpleObjectProperty<>(/*your parameter*/);

//getter
public Date getDate() {
    return date.get();
}

//property getter
public SimpleObjectProperty<Date> dateProperty() {
    return date;
}

//setter
public void setDate(Date date) {
    this.date.set(date);
}

控制器

@FXML private TableColumn<Stock, Date> colDate;

//because using FXML document, initialization not needed

colDate.setCellValueFactory(cell -> cell.getValue().dateProperty());

colDate.setCellFactory(cell -> new DatePickerCell<Stock, Date>());

colDate.setOnEditCommit(event -> event.getTableView().getItems()
   .get(event.getTablePosition().getRow()).setDate(event.getNewValue()));

希望这对以后有所帮助。

DatePicker 的值在 Javafx 中的 Tableview 行中不断重置

DatePicker's value keeps resetting in Tableview's rows in Javafx

javafx

datepicker

newrow

tableview