JavaFX Tabelle mit gespeicherten Eingabe Werten

[friednoodles]

Hallo, habe wieder ein kleines Problem.
Mein bisheriges Programm hat eine TextArea über die man mit der Eingabe auf einem TextField und Button Klick einen output bekommt. Kurz gesagt möchte ich ca. die letzten 10 TextField inputs mit den dazugehörigen TextArea outputs in einer Tabelle gespeichert haben die sich auf der Startseite meines Programms befindet.

Ich bin alleine so weit gekommen das mir eine Tabelle mit den Spalten "Eingabe" und "Ausgabe" angezeigt wird.

private TableView table = new TableView();

    private void tabellenInhalt() {
        TableColumn eingabe = new TableColumn("Eingabe");
        TableColumn ausgabe = new TableColumn("Ausgabe");
        table.getColumns().addAll(eingabe, ausgabe);
    }

Angezeigt wird mir das dann in einer HBox die sich in einer anderen Methode befindet.

Ich möchte wenn meine Logik fertig ist einfach meine tabellenInhalt() Methode in den ActionListener von meinem Button legen, damit aktuelle Werte in der Tabelle gespeichert werden auf Knopfdruck.

Viele Tutorials die ich auf Google gefunden habe erstellen eine neue Klasse über die sie alle Tabellen Werte beziehen. Brauche ich für mein Vorhaben wirklich eine neue Klasse?
Und die Tutorials die eine neue Klasse erstellt haben benutzen eine ArrayList für ihre Werte.
Muss ich das auch machen wenn ich meine Tabellen Inhalte von meiner TextArea&TextField beziehen möchte?

Wäre sehr dankbar für mögliche Hinweise!

 

[Robat]

Ja es macht für dich schon Sinn, eine eigene Klasse zu schreiben, die jeweils die Eingabe/Ausgabe zu einem Objekt zusammenführt - nennen wir die Klasse mal Result. Zusammen mit den JavaFX-Properties lässt sich dann dein Vorhaben ganz einfach umsetzen.

JavaFX-Properties ermöglichen es bestimmte Eigenschaften eines Objektes an ein anderes Objekt (bspw. Nodes) zu koppeln. So enthält also jede Zeile deiner Tabelle ein Result-Objekt. Den Inhalt der ersten Spalte koppelst du dann an die input-Eigenschaft der Result Klasse und die zweite Spalte an die output-Eigenschaft.

Zunächst solltest du aber sowohl bei deiner TableView<S>, als auch bei den TableColumns<S,T> die generischen Typen angeben.
Bei das S steht jeweils für den Datentyp, den die Tabelle am Ende in der Liste übergeben bekommt. Das T steht für den Datentyp, den die Spalte am Ende darstellt.

TableView<Result> table = new TableView<>();
TableColumn<Result, String> inputColumn = new TableColumn<>("Eingabe"); // Tabelle enthält Result-Objekte und diese Spalte repräsentiert einen String
TableColumn<Result, String> outputColumn = new TableColumn<>("Ausgabe"); // Tabelle enthält Result-Objekte und diese Spalte repräsentiert einen String

Die Result Klasse könnte beispielhaft so aussehen:

class Result {
    private SimpleStringProperty input;
    private SimpleStringProperty output;

    public Result(String input, String output) {
        this.input = new SimpleStringProperty(input);
        this.output = new SimpleStringProperty(output);
    }

    public SimpleStringProperty inputProperty() {
        return input;
    }

    public SimpleStringProperty outputProperty() {
        return output;
    }
}

Jetzt muss die Verbindung zwischen den Properties und den Spalten (Columns) geschaffen werden. Das bekommst du über die Methode setCellValueFactory. Dieser kannst du mitgeben, welche Property aus dem Result-Objekt zu dieser Spalte gehört.

inputColumn.setCellValueFactory(e -> e.getValue().inputProperty()); // e.getValue() repräsentiert dabei immer ein Result-Objekt
outputColumn.setCellValueFactory(e -> e.getValue().outputProperty());

Um die Properties im vollsten auszunutzen, solltest du mit einer ObservableList, anstatt einer normalen ArrayList arbeiten um deine Daten zu sammeln. Diese ObservableList kann zB. automatisch Listener ansteuern, falls Änderungen in der Liste auftreten. So musst du die Tabelle nicht per Hand refreshen.

ObservableList<Result> data = FXCollections.observableArrayList();
table.setItems(data);

Wenn du nun der Liste data ein neues Result Objekt hinzufügst, updated sich deine GUI "ganz automatisch" ohne das du zusätzlichen Aufwand hast.
Hier noch mal der komplette GUI Code zusammen gepackt in einem handlichen Beispiel:

public class Main extends Application {
   
    @Override
    public void start(Stage primaryStage) throws Exception {
        BorderPane root = new BorderPane();

        TableView<Result> table = new TableView<>();

        TableColumn<Result, String> inputColumn = new TableColumn<>("Eingabe");
        inputColumn.setCellValueFactory(e -> e.getValue().inputProperty());

        TableColumn<Result, String> outputColumn = new TableColumn<>("Ausgabe");
        outputColumn.setCellValueFactory(e -> e.getValue().outputProperty());

        table.getColumns().addAll(inputColumn, outputColumn);
        root.setCenter(table);
        ObservableList<Result> data = FXCollections.observableArrayList();
        table.setItems(data);

        HBox inputWrapper = new HBox();
        TextField tfInput = new TextField();
        inputWrapper.getChildren().addAll( new Label("Eingabe: "), tfInput);

        TextField tfOutput = new TextField();
        inputWrapper.getChildren().addAll(new Label("Ausgabe: "), tfOutput);

        Button btnOk = new Button("Hinzufügen");
        btnOk.setOnAction(e -> data.add(new Result(tfInput.getText(), tfOutput.getText())));
        inputWrapper.getChildren().add(btnOk);

        root.setTop(inputWrapper);

        Scene scene = new Scene(root);
        primaryStage.setScene(scene);
        primaryStage.sizeToScene();
        primaryStage.show();
    }
    public static void main(String[] args) {
        launch(args);
    }
}

 

[friednoodles]

Wow, das war wirklich sehr hilfreich. Hat auf Anhieb geklappt bei mir.
Habe jetzt auch verstanden warum eine extra Klasse mehr Sinn macht.
Vielen vielen dank für diese ausführliche Erklärung!

Kann man noch hinzufügen, dass die Listen Werte erhalten bleiben nach einem Programm Neustart?
Habe schon nach "Keep values" und "remember values" gesucht, scheinen aber nicht die richtigen Stichwörter zu sein.
Brauche nur ein Stichwort, will dann versuchen Das selber einzufügen.

 

[Robat]

Naja du musst die Daten irgendwie persistieren. Am "einfachsten" ist es wohl, die Daten in eine Datei (zB CSV) zu schreiben.

 

[friednoodles]

Bin etwas weiter gekommen, hänge aber doch an einer Stelle jetzt:
Folgendes habe ich bisher

ObservableList<Result> data = FXCollections.observableArrayList();

Hier meine Methode für den Inhalt der Tabelle
Hier ist bei

e.getValue().inputProperty()

der Fehler "Cannot convert from String to ObservableValue<String>" Was muss ich hier ändern?

    private void tabellenInhalt() {
       
        TableColumn<Result, String> inputColumn = new TableColumn<>("Eingabe");
        TableColumn<Result, String> outputColumn = new TableColumn<>("Ausgabe");
        inputColumn.setCellValueFactory(e -> e.getValue().inputProperty());
        outputColumn.setCellValueFactory(e -> e.getValue().outputProperty());
        table.setItems(data);
        table.getColumns().addAll(inputColumn, outputColumn);
        data.add(new Result(textField.getText(), textArea.getText()));

    }

Hier meine Extra Klasse für den TabellenInhalt

package application;

import javafx.beans.property.SimpleStringProperty;

public class Result {
    private SimpleStringProperty input;
    private SimpleStringProperty output;
   
    public Result(String input, String output) {
        this.input = new SimpleStringProperty(input);
        this.output = new SimpleStringProperty(output);
    }
   
    public String inputProperty() {
        return input.get();
    }
   
    public String outputProperty() {
        return output.get();
    }

}

Und hier die Logik für das Erstellen des Textdokumentes
Hier ist wohl ein Fehler bei dem String text, da steht etwas von "+ is not defined"
Ebenso hier meine Frage: Was muss ich ändern?

    public void writeText() throws Exception {
        Writer writer = null;
        try {
            File file = new File("C:/Users/schnemic/Documents/KonverterCVS/abc.txt");
            writer = new BufferedWriter(new FileWriter(file));
            for (Result result : data) {
               
                String text = result.inputProperty() + result.outputProperty() + "\n";
                writer.write(text);
            }
           
        }catch (Exception ex) {
            ex.printStackTrace();
        }
        finally {
            writer.flush();
            writer.close();
        }
    }

 

[Robat]

public String inputProperty() {
return input.get();
}

public String outputProperty() {
return output.get();
}

lass das get() weg und gib die property zurück

 

[friednoodles]

lass das get() weg und gib die property zurück

Ich habe das get() weg gelassen und den beiden Methoden wieder public StringProperty statt einfach nur public String gegeben.
Der Fehler mit dem bei dem "+" wird mir immer noch angezeigt bei der Logik für das Beschreiben des Text Dokumentes

Und was genau meinst du mit Property zurückgeben?

 

[Robat]

Und was genau meinst du mit Property zurückgeben?

Genau das was du gemacht hast. Passt so.

Der Fehler mit dem bei dem "+" wird mir immer noch angezeigt bei der Logik für das Beschreiben des Text Dokumentes

result.inputProperty().concat(result.outputProperty()).get()

 

[friednoodles]

Genau das was du gemacht hast. Passt so.

result.inputProperty().concat(result.outputProperty()).get()

Auf Concat wäre ich nicht gekommen, vielen Dank! Klappt alles so wie ich wollte und ist damit erledigt.