65528: ComCol Tree with flatlist that gets generated at every (un)collapse

> Only creates flatlist with expanded nodes
This commit is contained in:
Marie Verdonck
2019-10-10 10:30:49 +02:00
parent 4feba32157
commit 69e8221867
3 changed files with 29 additions and 11 deletions

View File

@@ -10,6 +10,8 @@ import {FlatTreeControl} from '@angular/cdk/tree';
})
export class CommunityListComponent implements OnInit {
private expandedNodes: CommunityFlatNode[] = [];
treeControl = new FlatTreeControl<CommunityFlatNode>(
(node) => node.level, (node) => node.expandable
);
@@ -20,7 +22,7 @@ export class CommunityListComponent implements OnInit {
ngOnInit() {
this.dataSource = new CommunityListDataSource(this.communityListService);
this.dataSource.loadCommunities();
this.dataSource.loadCommunities(null);
}
hasChild = (_: number, node: CommunityFlatNode) => node.expandable;
@@ -30,8 +32,16 @@ export class CommunityListComponent implements OnInit {
return !parent || parent.isExpanded;
}
numberReturn(length){
return new Array(length);
toggleExpanded(node: CommunityFlatNode) {
if (node.isExpanded) {
this.expandedNodes = this.expandedNodes.filter((node2) => node2.name !== node.name);
node.isExpanded = false;
} else {
this.expandedNodes.push(node);
node.isExpanded = true;
}
this.dataSource.loadCommunities(this.expandedNodes);
console.log('Nr of expanded nodes' + this.expandedNodes.length);
}
}