Inline Editing in TreeView with ContextMenu

Question

I*d like to add items to an editable TreeView using a ContextMenu.
Here is what I tried so far (JavaFX 8 Build b102):
package treeview.tests;
import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.ContextMenu;
import javafx.scene.control.MenuItem;
import javafx.scene.control.TreeItem;
import javafx.scene.control.TreeView;
import javafx.scene.control.cell.TextFieldTreeCell;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.stage.Stage;
public class EditableTreeView extends Application
  private final Image documentIcon = new Image(getClass().getResourceAsStream("document.png"));
  private final Image chapterIcon = new Image(getClass().getResourceAsStream("chapter.png"));
  private final Image sectionIcon = new Image(getClass().getResourceAsStream("section.png"));
  class Document extends TreeItem<String>
    Document(String string)
      super(string, new ImageView(documentIcon));
  class Chapter extends TreeItem<String>
    Chapter(String string)
      super(string, new ImageView(chapterIcon));
  class Section extends TreeItem<String>
    Section(String string)
      super(string, new ImageView(sectionIcon));
  @Override
  public void start(Stage stage) throws Exception
    TreeItem<String> root = new Document("Document A");
    root.setExpanded(true);
    final TreeView<String> treeView = new TreeView<>(root);
    for (int i = 1; i <= 3; i++)
      Chapter chapter = new Chapter("Chapter " + i);
      root.getChildren().add(chapter);
      for (int j = 1; j <= 3; j++)
        Section section = new Section("Section " + j);
        chapter.getChildren().add(section);
    treeView.setEditable(true);
    treeView.setCellFactory(TextFieldTreeCell.forTreeView());
    MenuItem addMenuItem = new MenuItem("Add Child");
    addMenuItem.setOnAction(new EventHandler<ActionEvent>()
      public void handle(ActionEvent e)
        TreeItem<String> parent = treeView.getSelectionModel().getSelectedItem();
        parent.setExpanded(true);
        TreeItem<String> child = null;
        if (parent instanceof Document)
          child = new Chapter("<Chapter>");
        if (parent instanceof Chapter)
          child = new Section("<Section>");
        if (child != null)
          parent.getChildren().add(child);
          treeView.requestFocus();
          treeView.getFocusModel().focus(treeView.getRow(child));
          treeView.edit(child);
          treeView.getSelectionModel().select(child);
    ContextMenu contextMenu = new ContextMenu();
    contextMenu.getItems().add(addMenuItem);
    treeView.setContextMenu(contextMenu);
    Scene scene = new Scene(treeView, 600, 400);
    stage.setScene(scene);
    stage.setTitle("Editable TreeView");
    stage.show();
  public static void main(String[] args)
    launch(args);
Everything is working as expected except the inline editing is not activated
after calling treeView.edit(child) in the EventHandler of MenuItem("Add Child").
So how can I implement a custom TreeCell<T> to enable inline editing of tree items in the ContextMenu?
Thanks in advance.

Answer 1

Hi,
It is by design that groups are collapsed when entering or leaving inline edit mode on a custom list that uses group by, inline editing, and has groups collapsed by default.
There is no hotfix currently,
our product group is aware of the issue and they are currently investigating the issue.
The current workarounds for this issue are 1) to have groups expanded by default, or 2) to re-expand the
group each time the inline
editing mode is changed.
Xue-mei Chang
TechNet Community Support