Error when collapseall treegrid

[Toan Bui]

Hi, I wanted to collapseall my treegrid but it gave me this error. I check the generated treegrid

[Farveen Sulthana Thameeztheen Basha]

Hi Toan,             

Thanks for your interest in Syncfusion Components. 

Query#:- Hi, I wanted to collapseall my treegrid but it gave me this error.(Cannot read property filter of undefined) 

We have checked your query and we are able to replicate the problem at our end(collapseAll with created event). TreeGrid rows has not been rendered at created event. So the reported problem occurs. To overcome this problem, we suggest to use collapseAll method in dataBound event of the TreeGrid. 

Refer to the code below:- 

App.Component.html 

<ejs-treegrid #treegrid [dataSource]="data" childMapping="subtasks" 

   height="350"[treeColumnIndex]="1"[allowPaging]="true" 

              [pageSettings]="pageSettings" 

              (dataBound)="dataBound($event)"> 

    <e-columns> 

 

             .    .     . 

    </e-columns> 

</ejs-treegrid> 

App.Component.ts 

export Class AppComponent { 

  Public data : Object[] = []; 

  Public pageSettings : Object; 

  @ViewChild('treegrid') 

  Public treegrid :   TreeGridComponent; 

 

  ngOnInit() void { 

    this.data = sampleData; 

    this.pageSettings = { pageSize: 10 }; 

  } 

  dataBound(args) { 

    this.treegrid.collapseAll(); 

 } 

} 

Sample Link:- https://stackblitz.com/edit/angular-jm9hek-plhrka 

API Link:- https://ej2.syncfusion.com/angular/documentation/api/treegrid/#databound 

Please get back to us if you need any further assistance. 

Regards, 

Farveen sulthana T 

[Toan Bui]

This makes it impossible for me to expand them. I just want to collapse them on created, then I can still expand them if needed

[Farveen Sulthana Thameeztheen Basha]

Hi Toan,          

Query#:- I just want to collapse them on created, then I can still expand them if needed 

 

From your query we understood that you need to Collapse the TreeGrid rows on Initial Render alone. To achieve this we suggest you to enable  CollapseAll method on initial rendering by checking condition(this.treegrid.InitialRender). 

 

Refer to the code below:- 

  public data: Object[] = []; 

    public pageSettings: Object; 

  @ViewChild('treegrid') 

    public treegrid: TreeGridComponent; 

 

  ngOnInit(): void { 

    this.data = sampleData; 

    this.pageSettings = { pageSize: 10 }; 

  } 

  dataBound(args) { 

    if (this.treegrid.initialRender) { 

      this.treegrid.collapseAll(); 

    } 

  } 

 

Sample Link:-  https://stackblitz.com/edit/angular-jm9hek-lov9kk?file=app.component.ts 

 

Please get back to us if you need any further assistance. 

Regards, 

Farveen sulthana T