重命名Primeng中的树节点

Question

我正在使用primeng树组件，并且需要内联编辑所选树节点的名称。我已经用另一个对话框实现了节点的重命名。但是，我想将其内联重命名。

是否可以重命名选定的树节点？

Answer 1

是的，我已经在树节点中实现了相同的功能，

您将面对IE中的实际问题。 IE在其可拖动时不允许输入任何文本，因此在单击它左右时需要将其设置为false。

//On blur


public renameFolder(selectedNode: TreeNode): any {
    let flag: Boolean = false;
    selectedNode.type = null;
    selectedNode.draggable = true;
    selectedNode.droppable = true;
}



/**
   * To rename selected folder when rename folder
   * is selected from context menu.
   * type is used to match it with ng-template.
   */
  private renameFolderContextMenu(selectedNode: TreeNode) {
    this.renameFolderName = selectedNode.label;
    selectedNode.type = 'renameFolder';
    selectedNode.draggable = false;
    selectedNode.droppable = false;
  }