[FIXED] How to disable NodeTree (parents and children) in primeng?

Issue

This is my HTML code:

<p-tree id="tree" *ngIf="node"  [value]="node" selectionMode="null"  [(selection)]="selectedFile" (onNodeSelect)="nodeSelect($event)" (onNodeUnselect)="nodeUnselect($event)" >
                <ng-template let-node pTemplate="default" >
                  <b>{{node.data.description}}</b>
                </ng-template>
              </p-tree>

I need to disable all the tree. A disable control would be enough or replace hand pointer with a cursor pointer.
Any advice?
Thanks in advance!

Solution

  • set node.selectable=false; for all the parent and child node by using recursive function
    disableRecursive(node:TreeNode){
        node.selectable = false;
        if (node.children){
            node.children.forEach( childNode => {
                this.disableRecursive(childNode);
            } );
        }
    }

Answered By – Salik Khan

Answer Checked By – Cary Denson (Easybugfix Admin)

Leave a Reply

(*) Required, Your email will not be published