ng2-tree icon indicating copy to clipboard operation
ng2-tree copied to clipboard

getControllerByNodeId() is not a function

Open praveenhariyala opened this issue 5 years ago • 0 comments

Hi i have issue like this.GenericScopeTreeComponent.getControllerByNodeId is not a function image

generic-scope-tree.component.ts

import { Component,Input, ElementRef, ViewChild, AfterViewInit } from '@angular/core'; import { TreeModule, Ng2TreeSettings, NodeEvent, RenamableNode, TreeModel} from 'ng2-tree';

@Component({ selector: 'generic-scope-tree', template: <tree #GenericScopeTreeComponent class="genericScopeTree" [tree]="tree" [settings]="settings" (nodeSelected)="logEvent($event)" (nodeRemoved)="onNodeRemoved($event)" (nodeRenamed)="onNodeRenamed($event)" (nodeSelected)="onNodeSelected($event)" (nodeUnselected)="onNodeUnselected($event)"(nodeMoved)="onNodeMoved($event)" (nodeCreated)="onNodeFFSCreated($event)" (nodeExpanded)="onNodeExpanded($event)" (nodeCollapsed)="onNodeCollapsed($event)" > styleUrls: ['./generic-scope-tree.css'] }) export class GenericScopeTreeComponent implements AfterViewInit{ @Input() tree:TreeModel; @Input() settings:any; selectedValue:any; @ViewChild('GenericScopeTreeComponent') GenericScopeTreeComponent: ElementRef;

public ngAfterViewInit(): void { debugger; const oopNodeController = this.GenericScopeTreeComponent.getControllerByNodeId(1); }

}

used above component by passing the tree object

configuration.ts

import { Component, OnInit,Input } from '@angular/core'; import { BreakpointObserver, Breakpoints, BreakpointState } from '@angular/cdk/layout'; import { Observable } from 'rxjs'; import { map,switchMap } from 'rxjs/operators';

import {AppConst} from '../../../model/app-const'; //import { NetworkGenericAction } from '../../service/network-generic.service';

@Component({ selector: 'configuration-landing', templateUrl: './configuration-landing.html', //styleUrls: ['./network-landing.css'] }) export class ConfigurationLandingComponent implements OnInit { tree: any; settings:any; selectedVal:any;

constructor() { console.log("ConfigurationLandingComponent::constructor"); //this.selectedScope = this.networkGenericAction.getNetworkScopeFolderId(); }

ngOnInit(){ this.tree = { value: 'ADSP', id: 1, settings: { cssClasses: { expanded: 'fa fa-caret-down', collapsed: 'fa fa-caret-right', empty: 'fa fa-caret-right disabled', leaf: 'fa' }, templates: { node: '', leaf: '' } }, children: [ { value:'India', key:'country', id:2, children: [ { value:'Banglore', key:'city', id:3, children: [ { value:'ecospace', key:'region', id:5, children: [ { value:'3 block', key:'site', id:6, children:[ { value:'Extreme', key:'area', id:7, children:[{ value:'1st floor', key:'floor', id:8 }] } ]

              }
            ]
          }
        ]

      },
      {
        value:'Chennai',
        id:4,
        key:'city',
        children:[]
      }
    ]
  }

]

}; } }

praveenhariyala avatar Sep 17 '18 07:09 praveenhariyala