Как применить условное форматирование к текстовому полю TableCell на основе двух свойств строки в TableView

Question

У меня есть TableView, который содержит столбцы, которые всегда отображают доступное для записи текстовое поле. Я хотел бы, чтобы текстовое поле меняло цвет, если значение «BigDecimal» значения column1 больше, чем значение column2. Я могу стилизовать текстовое поле в классе EditableTextCell (например, если текст не является допустимым числом), но кажется, что у него нет доступа к модели для других сравнений. Вот мой код:

EditableTextCell.java

package tester;

import java.util.Objects;
import javafx.beans.value.ObservableValue;
import javafx.beans.value.WritableValue;
import javafx.geometry.Pos;
import javafx.scene.control.TableCell;
import javafx.scene.control.TextField;

public class EditableTextCell<E> extends TableCell<E, String>
{

private final TextField textField;
private boolean updating = false;

public EditableTextCell(boolean editable)
{
    textField = new TextField();
    textField.setAlignment(Pos.CENTER_RIGHT);

    textField.setEditable(editable);

    textField.textProperty().addListener((ObservableValue<? extends String> o, String oldValue, String newValue) ->
    {

        if (!updating)
        {
            ((WritableValue<String>) getTableColumn().getCellObservableValue((E) getTableRow().getItem())).setValue(newValue);
            getTableView().scrollTo(getTableRow().getIndex());
            getTableView().scrollToColumn(getTableColumn());
        }
        // this is where I would like stylize the textfield based on the input

    });
}

@Override
protected void updateItem(String item, boolean empty)
{
    super.updateItem(item, empty);
    if (empty)
    {
        setGraphic(null);
    } else
    {
        setGraphic(textField);
        if (!Objects.equals(textField.getText(), item))
        {
            // prevent own updates from moving the cursor
            updating = true;
            textField.setText(item);
            updating = false;

        }
    }
}
}

LineItem.java

package tester;

import javafx.beans.property.SimpleStringProperty;
import javafx.beans.property.StringProperty;

public class LineItem
{

private final StringProperty string1;
private final StringProperty string2;

public LineItem()
{
    this.string1 = new SimpleStringProperty();
    this.string2 = new SimpleStringProperty();
}

public final StringProperty getString1Property()
{
    return this.string1;
}

public final StringProperty getString2Property()
{
    return this.string2;
}
}

Tester.java

package tester;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.TableCell;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableRow;
import javafx.scene.control.TableView;
import javafx.scene.layout.HBox;
import javafx.stage.Stage;
import javafx.util.Callback;

public class Tester extends Application
{

@Override
public void start(Stage primaryStage)
{

    TableView<LineItem> table = new TableView<>();
    table.setRowFactory(p ->
    {
        final TableRow<LineItem> row = new TableRow<>();
        row.setOnMouseClicked(event ->
        {
            if (event.getClickCount() == 2 && (!row.isEmpty()))
            {
                LineItem rowData = row.getItem();
                System.out.println(rowData.getString1Property().get() + " "+rowData.getString2Property().get());
            }

        });
        return row;
    });
    Callback<TableColumn<LineItem, String>, TableCell<LineItem, String>> textFactoryEditable = (TableColumn<LineItem, String> p) -> new EditableTextCell(true);

    TableColumn<LineItem, String> column1 = new TableColumn<>("Test1");
    column1.setCellValueFactory(cellData -> cellData.getValue().getString1Property());
    column1.setEditable(true);
    column1.setCellFactory(textFactoryEditable);

    table.getColumns().add(column1);

    TableColumn<LineItem, String> column2 = new TableColumn<>("Test2");
    column2.setCellValueFactory(cellData -> cellData.getValue().getString2Property());
    column2.setEditable(true);
    column2.setCellFactory(textFactoryEditable);

    table.getColumns().add(column2);

    table.getItems().add(new LineItem());
    HBox root = new HBox();
    root.getChildren().addAll(table);

    Scene scene = new Scene(root, 500, 500);

    primaryStage.setTitle("Hello World!");
    primaryStage.setScene(scene);
    primaryStage.show();
}

/**
 * @param args the command line arguments
 */
public static void main(String[] args)
{
    launch(args);
}

}

Answer 1

Я понял это. Это строка для доступа к классу модели.

LineItem lineItem = (LineItem) getTableRow().getItem();

Однако моя проблема заключалась в том, что я также изменял объявление класса в EditableTextCell, чтобы оно соответствовало типу:

public class EditableTextCell<E> extends TableCell<E, String>

до:

public class EditableTextCell<LineItem> extends TableCell<LineItem, String>

Это остановило меня от использования свойств в getTableRow().getItem()

с этой ошибкой:

cannot find symbol
symbol:   method getString1Property()
location: variable lineItem of type LineItem
where LineItem is a type-variable:
LineItem extends Object declared in class EditableTextCell`

Answer 2

Я пересмотрел ответ, вставив весь код. Я оставил комментарии, где я положил какой-то код.

Код CSS:

.red{
    -fx-background-color:red;
}

.white{
    -fx-background-color:white;
}

Tester класс:

package tester;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.TableCell;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableRow;
import javafx.scene.control.TableView;
import javafx.scene.layout.HBox;
import javafx.stage.Stage;
import javafx.util.Callback;

import java.util.ArrayList;

public class Tester extends Application
{

    private static ArrayList<TableColumn<LineItem, String>> tableColumnArrayList;

    @Override
    public void start(Stage primaryStage)
    {

        TableView<LineItem> table = new TableView<>();
        table.setRowFactory(p ->
        {
            final TableRow<LineItem> row = new TableRow<>();
            row.setOnMouseClicked(event ->
            {
                if (event.getClickCount() == 2 && (!row.isEmpty()))
                {
                    LineItem rowData = row.getItem();
                    System.out.println(rowData.getString1Property().get() + " "+rowData.getString2Property().get());
                }

            });
            return row;
        });

        ArrayList<TableColumn<LineItem, String>> tableColumnArrayList = new ArrayList<>();


        Callback<TableColumn<LineItem, String>, TableCell<LineItem, String>> textFactoryEditable = (TableColumn<LineItem, String> p) -> new EditableTextCell(true);

        TableColumn<LineItem, String> column1 = new TableColumn<>("Test1");
        column1.setCellValueFactory(cellData -> cellData.getValue().getString1Property());
        column1.setEditable(true);
        column1.setCellFactory(textFactoryEditable);

        //I add each column
        tableColumnArrayList.add(column1);

        table.getColumns().add(column1);

        TableColumn<LineItem, String> column2 = new TableColumn<>("Test2");
        column2.setCellValueFactory(cellData -> cellData.getValue().getString2Property());
        column2.setEditable(true);
        column2.setCellFactory(textFactoryEditable);


        //I add
        tableColumnArrayList.add(column2);

        table.getColumns().add(column2);

        table.getItems().add(new LineItem());

        //here I put the TableColumnArrayList to a static field
        Tester.tableColumnArrayList = tableColumnArrayList;

        HBox root = new HBox();
        root.getChildren().addAll(table);

        Scene scene = new Scene(root, 500, 500);

        //here I set the stylesheet
        scene.getStylesheets().add(getClass().getResource("stylesheet.css").toExternalForm());

        primaryStage.setTitle("Hello World!");
        primaryStage.setScene(scene);
        primaryStage.show();
    }


    /**
     * static getter
     * @return ArrayList object containing TableColumn objects
     */
    public static ArrayList<TableColumn<LineItem, String>> getTableColumnArrayList() {
        return tableColumnArrayList;
    }

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args)
    {
        launch(args);
    }

}

EditableTextCell класс:

package tester;

import java.math.BigDecimal;
import java.util.ArrayList;
import java.util.Objects;
import javafx.beans.value.ObservableValue;
import javafx.beans.value.WritableValue;
import javafx.geometry.Pos;
import javafx.scene.control.TableCell;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TextField;

public class EditableTextCell<E> extends TableCell<E, String>
{

    private final TextField textField;
    private boolean updating = false;

    public EditableTextCell(boolean editable)
    {
        textField = new TextField();
        textField.setAlignment(Pos.CENTER_RIGHT);

        textField.setEditable(editable);

        textField.textProperty().addListener((ObservableValue<? extends String> o, String oldValue, String newValue) ->
        {

            if (!updating)
            {
                ((WritableValue<String>) getTableColumn().getCellObservableValue((E) getTableRow().getItem())).setValue(newValue);
                getTableView().scrollTo(getTableRow().getIndex());
                getTableView().scrollToColumn(getTableColumn());
            }


            // this is where I would like stylize the textfield based on the input
            ArrayList<TableColumn<LineItem, String>> tableColumnArrayList = Tester.getTableColumnArrayList();

            for(int i = 0; i < tableColumnArrayList.size(); i++){


                if(i == 0){
                    this.textField.getStyleClass().clear(); //remove all old classes
                    this.textField.getStyleClass().add("white"); //add new class
                } else {

                    String bd1String = tableColumnArrayList.get(i-1).getCellObservableValue(0).getValue();//first row
                    String bd2String = tableColumnArrayList.get(i).getCellObservableValue(0).getValue();

                    BigDecimal bd1, bd2;
                    try {
                        bd1 = new BigDecimal(bd1String);
                        bd2 = new BigDecimal(bd2String);
                    } catch(NullPointerException e){ //start imput will be null if You don't set anything
                        bd1 = BigDecimal.ZERO;
                        bd2 = BigDecimal.ZERO;
                    }
                    System.out.println(bd1 + " + " + bd2);

                    this.textField.getStyleClass().clear();
                    this.textField.getStyleClass().add(
                            (bd1.compareTo(bd2) > 0) ? "red" : "white"
                    );
                    System.out.println(this.textField.getStyleClass());

                }


            }


        });
    }

    @Override
    protected void updateItem(String item, boolean empty)
    {
        super.updateItem(item, empty);
        if (empty)
        {
            setGraphic(null);
        } else
        {
            setGraphic(textField);
            if (!Objects.equals(textField.getText(), item))
            {
                // prevent own updates from moving the cursor
                updating = true;
                textField.setText(item);
                updating = false;

            }
        }
    }
}

Я ничего не изменил в классе LineItem.

Я создал статическое поле - ArrayList объектов TableColumn - и создал для него статический геттер. Я добавил таблицу стилей в сцену (вы можете заметить, что у меня нет косой черты в пути - таблица стилей находится не в ресурсах, а в том же пути, что и классы).

В месте, помеченном комментарием в классе EditableTextCell, я получил ArrayList из класса Tester, зациклил его и установил классы стилей для ячеек, хранящихся в объекте TableColumn.

Я создаю блок try / catch, в котором я инициализировал объекты BigDecimal, потому что метод вытягивал туда нули.