Angular Priming 8 treetable在过滤器后未膨胀
我一直在尝试在全局筛选后展开树行。不幸的是,它不工作,也没有抛出错误 它在没有全局过滤器的情况下工作得很好 我已按照PrimeNg文档实施 应用框架Angular Priming 8 treetable在过滤器后未膨胀,angular,typescript,primeng,Angular,Typescript,Primeng,我一直在尝试在全局筛选后展开树行。不幸的是,它不工作,也没有抛出错误 它在没有全局过滤器的情况下工作得很好 我已按照PrimeNg文档实施 应用框架 Angular8 PrimeNg8 任何专家都能提供您有价值的反馈吗 HTML <input class="text-center" type="text" pInputText placeholder="-- Input Value --" (input)="tt.f
Angular8
PrimeNg8
任何专家都能提供您有价值的反馈吗
HTML
<input class="text-center" type="text" pInputText placeholder="-- Input Value --" (input)="tt.filterGlobal($event.target.value, 'contains')" />
<p-treeTable #tt [value]="entityListTree" [columns]="entityListTreeColumns"
(onNodeExpand)="onNodeExpand($event)" (onNodeCollapse)="onNodeCollapse($event)" [showLoader]="showLoader" [rows]="10" [paginator]="true" [first]="first" [rowsPerPageOptions]="[10, 20, 50, 100]"
(onRowSelect)="onRowSelect($event)" (onRowUnselect)="onRowUnselect($event)" (sortFunction)="treeTableDateSort($event)" [customSort]="true" [globalFilterFields]="entityListTreeColumns" >
<ng-template pTemplate="header" let-columns>
<tr>
<th *ngFor="let col of columns" [ttSortableColumn]="col.field">
<!-- Heading comes here -->
</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
<tr>
<td>
<!-- Data comes here -->
</td>
</tr>
</ng-template>
</p-treeTable>
你能创建一个StackBlitz吗?你能创建一个StackBlitz吗?
createLazyNodes() {
this.entitySetUpService.findAllEntitySetUpList().subscribe(
(res) => {
setTimeout(() => {
this.entityListTree = []
res.forEach((row) => {
let node = {
data: {
entityName: row['entityName'],
status: row['status'],
entityCode: row['entityCode'],
createdDateString: row['createdDateString'],
},
leaf: !row.hasAssigned,
children: []
};
this.entityListTree.push(node)
})
}, 2000)
},
(error) => {
this.notificationService.showError(error.message)
}
)
}
onNodeExpand(event) {
this.showLoader = true;
const node = event.node;
const entityCode = node.data.entityCode
node.children = []
this.entitySetUpService.allAssignedEntity(entityCode).subscribe(
(res) => {
setTimeout(() => {
this.showLoader = false;
res.forEach((row) => {
let children = {
data: {
entityName: row['entityName'],
status: row['status'],
entityCode: row['entityCode'],
createdDateString: row['createdDateString'],
},
}
node.children.push(children)
});
this.entityListTree = [...this.entityListTree];
}, 500);
});
}