primeng - 在primeng中重命名树节点

Question

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

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

标签： primengprimeng-treetable

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;
  }