JavaFX TreeView - TreeItem - SelectedItem

[MasterQ]

Moin,

ich bastele mit JavaFX einen TreeView. Die einzenen TreeItems sollen editierbare Strings sein.

Ich habe erstmal mit TreeItem<String> angefangen, um die Grundstrukturen zu erlernen. Ich frage bei Druck auf einen Button das ausgewählte Item ab und erledige die zugehörigen Aufgaben wie Knoten nach oben schieben oder die Tiefe eines Knoten verändern.

Da alles funktioniert, bin ich jetzt bei TreeItem<TextField> und muss feststellen, dass bei Auswahl eines Knotens mit der Maus, das Textfeld zwar den Fokus erhält und in den Edit-Modus geht, das SelectedItem des Baumes aber null bleibt.

Warum denn das?

Wie muss ich denn die Baumansicht aufbauen, dass die Knotentexte editierbar sind und aber auch das Auswählen registriert und entsprechend das SelectedItem gesetzt wird?

Ich bin bissl überrascht, dass das nicht geht. Die Baumansicht ist der Inhalt eines Tabs in einem TabPanel und ich agiere dabei voll mit Code Behind, da Tab- und Knotenanzahl der darzustellenden Bäume unterschiedlich und auch dynamisch sind.

Was übersehe ich?

Gruß

Joachim

 

[looparda]

Schwer zu beantworten ohne Code

 

[mihe7]

Mal schauen, was ChatGPT meint (alle Antworten sind von ChatGPT - unkorrigiert).

1. zu "Warum denn das?"

Das liegt daran, dass ein TreeItem<TextField> ein anderes equals()-Verhalten aufweist als ein TreeItem<String>. Wenn Sie ein TreeItem<String>-Objekt mit einem anderen vergleichen, wird der Inhalt der String-Objekte verglichen. Wenn Sie jedoch ein TreeItem<TextField>-Objekt mit einem anderen vergleichen, wird die Speicheradresse des Objekts verglichen.
Wenn Sie also ein TreeItem<TextField>-Objekt mit einem anderen vergleichen möchten, müssen Sie sicherstellen, dass die beiden Objekte auf die gleiche Speicheradresse verweisen. Dies kann durch Überschreiben der equals()-Methode des TreeItem<TextField>-Objekts erreicht werden.
Ein weiterer möglicher Ansatz ist, den TextField-Inhalt beim Klicken auf ein TreeItem<TextField>-Objekt in ein temporäres TreeItem<String>-Objekt zu kopieren und dieses temporäre Objekt auszuwählen. Auf diese Weise können Sie sicherstellen, dass der equals()-Vergleich ordnungsgemäß funktioniert.
Ich hoffe, das hilft Ihnen weiter!

2. Wie muss ich denn die Baumansicht aufbauen, dass die Knotentexte editierbar sind und aber auch das Auswählen registriert und entsprechend das SelectedItem gesetzt wird?

Um editierbare Knotentexte in Ihrem TreeView zu ermöglichen und gleichzeitig das Auswählen von Knoten zu registrieren, können Sie die TreeView- und TreeItem-Klassen von JavaFX verwenden.

Sie können den TreeItem-Konstruktor verwenden, der einen TextField als Parameter akzeptiert, um ein editierbares TreeItem-Objekt zu erstellen. Wenn der Benutzer den Text im TextField ändert, wird auch der Text des TreeItem geändert.

Um das Auswählen von Knoten zu registrieren, können Sie einen Listener auf die selectionProperty() des TreeView setzen. Der Listener wird aufgerufen, wenn ein Knoten ausgewählt wird, und Sie können das ausgewählte TreeItem aus der selectedItemProperty() des TreeView abrufen.

Hier ist ein Beispielcode, der Ihnen den grundlegenden Ansatz zeigen soll:

TreeView<String> treeView = new TreeView<>();

// Baumstruktur aufbauen
TreeItem<String> root = new TreeItem<>("Root");
root.setExpanded(true);

TreeItem<String> child1 = new TreeItem<>("Child 1");
root.getChildren().add(child1);

TreeItem<String> child2 = new TreeItem<>("Child 2");
root.getChildren().add(child2);

treeView.setRoot(root);

// TreeView-Selection registrieren
treeView.getSelectionModel().selectedItemProperty().addListener((observable, oldValue, newValue) -> {
    if (newValue != null) {
        System.out.println("Selected: " + newValue.getValue());
    }
});

// Editierbare TreeItems erstellen
TreeItem<String> editableItem = new TreeItem<>("Editable Node");
editableItem.setGraphic(new TextField(editableItem.getValue()));
editableItem.getValue(); // gibt den Text des TreeItems zurück
editableItem.getValue(); // gibt das TextField-Objekt zurück

child1.getChildren().add(editableItem);

In diesem Beispiel wird ein TreeView-Objekt erstellt, dem ein Wurzel-TreeItem-Objekt hinzugefügt wird. Dann werden zwei weitere TreeItem-Objekte als Kinder des Wurzel-TreeItems hinzugefügt.

Dann wird ein editierbares TreeItem-Objekt erstellt, indem ein TextField-Objekt als Grafik des TreeItems gesetzt wird. Dieses TreeItem wird als Kind des ersten Kind-TreeItems hinzugefügt.

Schließlich wird ein Listener auf die selectedItemProperty() des TreeView gesetzt, um das ausgewählte TreeItem zu registrieren. Wenn der Benutzer ein TreeItem auswählt, wird der Name des Knotens in der Konsole ausgegeben.

Ich hoffe, das hilft Ihnen weiter!

3. zu "Was übersehe ich"?

Es tut mir leid, wenn meine vorherige Antwort nicht direkt auf Ihre Anforderungen zutraf. Es ist tatsächlich möglich, die Baumansicht mit editierbaren Knotentexten zu erstellen und gleichzeitig das Auswählen von Knoten zu registrieren. Hier ist ein Beispielcode, der Ihnen helfen soll:

TreeView<String> treeView = new TreeView<>();

// Baumstruktur aufbauen
TreeItem<String> root = new TreeItem<>("Root");
root.setExpanded(true);

TreeItem<String> child1 = new TreeItem<>("Child 1");
root.getChildren().add(child1);

TreeItem<String> child2 = new TreeItem<>("Child 2");
root.getChildren().add(child2);

treeView.setRoot(root);

// TreeView-Selection registrieren
treeView.getSelectionModel().selectedItemProperty().addListener((observable, oldValue, newValue) -> {
    if (newValue != null) {
        System.out.println("Selected: " + newValue.getValue());
    }
});

// Editierbare TreeItems erstellen
TreeItem<String> editableItem = new TreeItem<>("Editable Node");
editableItem.setGraphic(new TextField(editableItem.getValue()));
editableItem.getValue(); // gibt den Text des TreeItems zurück
editableItem.getValue(); // gibt das TextField-Objekt zurück

child1.getChildren().add(editableItem);

In diesem Beispiel wird ein TreeView-Objekt erstellt und ein Wurzel-TreeItem-Objekt hinzugefügt. Dann werden zwei weitere TreeItem-Objekte als Kinder des Wurzel-TreeItems hinzugefügt.

Als Nächstes wird ein editierbares TreeItem-Objekt erstellt, indem ein TextField-Objekt als Grafik des TreeItems gesetzt wird. Das TreeItem wird als Kind des ersten Kind-TreeItems hinzugefügt.

Schließlich wird ein Listener auf die selectedItemProperty() des TreeView gesetzt, um das ausgewählte TreeItem zu registrieren. Wenn der Benutzer ein TreeItem auswählt, wird der Name des Knotens in der Konsole ausgegeben.

Ich hoffe, das hilft Ihnen weiter! Wenn Sie weitere Fragen haben, stehe ich gerne zur Verfügung.

 

[MasterQ]

<Ironie>
hm, net schlecht. Forum ade, willkommen chatGPT.
</Ironie>

Die Antwort scheint mir nicht korrekt, so die Kommentare zu den Zeilen 25 und 26. Gleicher Code aber unterschiedliche Erklärungen zum Verhalten.

Auch ob der Hinweis auf equals zielführend ist ? Eigentlich sind hier keine zwei unterschiedliche Instanzen im Spiel, oder? Es geht doch darum, dass nach der Auswahl eines Knoten die Eigenschaft SelectedItem nicht gesetzt wird. Dazu wird keine zweite Instanz benötigt. Ich wüsste auch nicht wozu da was verglichen werden sollte.

<Plonk>, ab in die Tonne damit.

 

[MasterQ]

Schwer zu beantworten ohne Code

Ich wüsste nicht, was ich da für Code posten sollte, sry! Oder anders ausgedrückt, wie das hilfreich sein sollte.

die folgende Routine erzeugt eine Baumansicht. Lasse ich die Baumansicht anzeigen und wähle einen Eintrag aus, wird SelectedItem des Baumes nicht gesetzt und bleibt null. Mache is das gleiche aber anstatt mit TextField mit String, wird SelectedItem gesetzt.

    private void initfortest() {

        TreeItem root = new TreeItem<TextField>(new TextField("Wurzel"));


        for (int i = 0; i < 10; ++i) {
            root.getChildren().add(new TreeItem<TextField>( new TextField(String.format("Kind %04d", i))));
        }

        var i = 0;
        for(var a  :  root.getChildren()){
            ((TreeItem<TextField>) a).getChildren().add(new TreeItem<TextField>(new TextField(String.format("Enkel %4d", i++))));
        }

        this.setRoot(root);
        this.setShowRoot(false);

    }

Das war's schon. Mehr kann ich nicht zeigen, weil es mehr nicht gibt.

 

[mihe7]

Das hängt vermutlich einfach damit zusammen, wie Du das Item wählst. Klickst Du in das Textfeld wird der Knoten nicht gewählt, klickst Du etwas links daneben, sieht es so aus:

Und dann wird auch korrekterweise auch

angezeigt.

Code dazu:

public class App extends Application {

    @Override
    public void start(Stage stage) {
        TreeItem<TextField> root = new TreeItem<>(new TextField("Wurzel"));
        
       for (int i = 0; i < 10; ++i) {
            root.getChildren().add(new TreeItem<TextField>( new TextField(String.format("Kind %04d", i))));
        }
       
        int i = 0;
        for(var a  :  root.getChildren()){
            ((TreeItem<TextField>) a).getChildren().add(new TreeItem<TextField>(new TextField(String.format("Enkel %4d", i++))));
        }
        
        TreeView<TextField> treeView = new TreeView<>(root);
        treeView.setShowRoot(false);
        
        Button button = new Button("Show");
        button.setOnAction(eh -> {
            TreeItem<TextField> selectedItem = treeView.getSelectionModel().getSelectedItem();
            String text = selectedItem == null ? "Nichts gewählt" :
                    "Text: " + selectedItem.getValue().getText();
            
            Alert alert = new Alert(INFORMATION);
            alert.setContentText(text);
            alert.showAndWait();
        });
        
        ScrollPane scrollable = new ScrollPane(treeView);
        VBox content = new VBox(scrollable, button);
        
        var scene = new Scene(content, 640, 480);
        stage.setScene(scene);
        stage.show();
    }

    public static void main(String[] args) {
        launch();
    }

}

 

[MasterQ]

ah, das hatte ich ausprobiert. Anscheinend hab ich dabei nie den richtigen Spot erwischt. * ärger *

Jetzt muss ich ausbaldovern, wie ich das hinbiegen kann, dass ich das Auswählen, d.h. den Erhalt des Fokus beim Textfeld abfangen und des SelectedItem wohl per Hand setzen kann.

Geht das dann über das zugehörige TextCell? Ich habe da noch nie nix mit gemacht.

 

[mihe7]

Beispielsweise könnte man es so versuchen:

public class App extends Application {

    @Override
    public void start(Stage stage) {
        TreeItem<TextField> root = new TreeItem<>(new TextField("Wurzel"));

        Map<TextField, TreeItem<TextField>> tree = new HashMap<>();

        for (int i = 0; i < 10; ++i) {
            TextField tf = new TextField(String.format("Kind %04d", i));
            TreeItem<TextField> item = new TreeItem<>(tf);
            tree.put(tf, item);
            root.getChildren().add(item);
        }

        int i = 0;
        for (var a : root.getChildren()) {
            TextField tf = new TextField(String.format("Enkel %04d", i++));
            TreeItem<TextField> item = new TreeItem<>(tf);
            tree.put(tf, item);
            ((TreeItem<TextField>) a).getChildren().add(item);
        }

        TreeView<TextField> treeView = new TreeView<>(root);
        treeView.setShowRoot(false);

        Button button = new Button("Show");
        button.setOnAction(eh -> {
            TreeItem<TextField> selectedItem = treeView.getSelectionModel().getSelectedItem();
            String text = selectedItem == null ? "Nichts gewählt"
                    : "Text: " + selectedItem.getValue().getText();

            Alert alert = new Alert(INFORMATION);
            alert.setContentText(text);
            alert.showAndWait();
        });

        ScrollPane scrollable = new ScrollPane(treeView);
        VBox content = new VBox(scrollable, button);

        var scene = new Scene(content, 640, 480);
        scene.focusOwnerProperty().addListener((ov, oldValue, newValue) -> {
            TreeItem<TextField> item = tree.get(newValue);
            if (item != null) {
                treeView.getSelectionModel().select(item);
            }
        });
        stage.setScene(scene);
        stage.show();
    }

    public static void main(String[] args) {
        launch();
    }

}