将悬停侦听器添加到 javafx 中特定列的单元格 table

Question

我想为 TableView 的特定列的单元格创建一个 OnMouseOver 侦听器，这样当我将鼠标悬停到它时，弹出窗口 window 应该会出现一些消息细胞。这就是我创建 table 及其列的方式。

private TableView<Stock> stockTable = new TableView<>();
ObservableList columns = stockTable.getColumns();

public TableColumn createTextColumn(String columnName, String columnCaption,BooleanProperty editingStarted) {
    TableColumn column = new TableColumn(columnCaption);
    column.setCellValueFactory(new PropertyValueFactory<>(columnName));
    column.setCellFactory(TextFieldTableCell.forTableColumn());
    return column;
}

final TableColumn nameColumn 
                         = createTextColumn("name", "Product Name", editingStarted);
columns.add(nameColumn);

那么可不可以。我知道如何为行创建侦听器。但是我在互联网上没有找到任何关于收听 table 的单元格的信息。在此先感谢您的帮助。

Answer 1

您已经使用了 TextFieldTableCell.forTableColumn() 需要重写以满足您的需要

import javafx.event.EventHandler;
import javafx.scene.control.Label;
import javafx.scene.control.TableCell;
import javafx.scene.control.TableColumn;
import javafx.scene.control.cell.TextFieldTableCell;
import javafx.scene.input.MouseEvent;
import javafx.stage.Popup;
import javafx.util.Callback;
import javafx.util.StringConverter;
import javafx.util.converter.DefaultStringConverter;

public final class CustomTextFieldTableCell<S, T> extends TextFieldTableCell<S, T> {

    public static <S> Callback<TableColumn<S, String>, TableCell<S, String>> forTableColumn() {
        return forTableColumn(new DefaultStringConverter());
    }

    public static <S, T> Callback<TableColumn<S, T>, TableCell<S, T>> forTableColumn(final StringConverter<T> converter) {
        return new Callback<TableColumn<S, T>, TableCell<S, T>>() {
            @Override
            public TableCell<S, T> call(TableColumn<S, T> list) {
                final TextFieldTableCell<S, T> result = new TextFieldTableCell<S, T>(converter);
                final Popup popup = new Popup();
                popup.setAutoHide(true);

                final EventHandler<MouseEvent> hoverListener = new EventHandler<MouseEvent>() {

                    @Override
                    public void handle(MouseEvent event) {
                        final Label popupContent = new Label("this is a popup showing the content = '" + result.getText() + "'");
                        popupContent.setStyle("-fx-background-color: #64b5f6; -fx-border-color: #000000; -fx-border-width: 1px; -fx-padding: 5px; -fx-text-fill: white;");

                        popup.getContent().clear();
                        popup.getContent().addAll(popupContent);

                        if (event.getEventType() == MouseEvent.MOUSE_EXITED) {
                            popup.hide();
                        } else if (event.getEventType() == MouseEvent.MOUSE_ENTERED) {
                            popup.show(result, event.getScreenX() + 10, event.getScreenY());                
                        }
                    }
                };

                result.setOnMouseEntered(hoverListener);
                result.setOnMouseExited(hoverListener);
                return result;
            }
        };
    }
}

要使用它，您需要将代码更改为

column.setCellFactory(CustomTextFieldTableCell.forTableColumn());

结果是这样的

Answer 2

以上示例在标签为空时也会显示标签。这个小改动将解决这个问题...

                    if (event.getEventType() == MouseEvent.MOUSE_EXITED) {
                        popup.hide();
                    } else if (event.getEventType() == MouseEvent.MOUSE_ENTERED) {
                        if(result.getText() != null) {
                            if (!"".equals(result.getText())) {
                                popup.show(result, event.getScreenX() + 10, event.getScreenY());
                            }
                        }
                    }

将悬停侦听器添加到 javafx 中特定列的单元格 table

Adding hover listener to cells of a specific column in javafx table

java

javafx

javafx-2

javafx-8