如何解决ngx-datatable 中的树参数?
我正在尝试在我的项目中实现 ngx-datatable,并且需要使用 tree provided。但是,我不明白组件(treeFromrelation,treetoRelation)所需的两个输入的作用是什么。 例如,给定这个来源:
export interface EmployeeExample {
name: string;
gender: string;
company: string;
age: number;
manager?: string;
}
const columns = [
{
fieldName: 'name',name: 'Name'
},{
fieldName: 'gender',name: 'Gender'
},{
fieldName: 'age',name: 'Age'
},{
fieldName: 'company',name: 'Company'
},{
fieldName: 'manager',name: 'Manager'
}
];
const source: EmployeeExample[] = [
{
"name": "Ethel Price","gender": "female","company": "Johnson and Partners","age": 22
},{
"name": "Claudine Neal","company": "Sealoud","age": 55
},{
"name": "Beryl Rice","company": "Velity","age": 67
},{
"name": "Wilder Gonzales","gender": "male","company": "Geekko","age": 26
},{
"name": "Georgina Schultz","company": "Suretech",{
"name": "Carroll Buchanan","company": "Ecosys","age": 30
},{
"name": "Valarie Atkinson","company": "Hopeli","age": 50
},{
"name": "Schroeder Mathews","company": "Polarium","manager": "Ethel Price","age": 42
},{
"name": "Lynda Mendoza","company": "Dogspa","manager": "Georgina Schultz","age": 35
}
];
在我的组件中:
<ngx-datatable #grid class="material expandable" [rows]="source" [loadingIndicator]="loading" [count]="totalElements"
[columnMode]="'force'" [headerHeight]="50" [footerHeight]="70" rowHeight="auto" [reorderable]="true"
[swapColumns]="false" [limit]="paging.pageSize" [offset]="paging.pageIndex" [externalSorting]="externalOperations"
[externalPaging]="isRemote" [treeFromrelation]="'manager'" [treetoRelation]="'name'" (page)="setPage($event)"
(sort)="onSort($event)" (treeAction)="onTreeAction($event)">
使用“名称”作为 treetoRelation 输入的值,它可以工作。但是,当我尝试使用其他属性(例如“性别”)时,它无法正常工作:在这种情况下,它会复制某些条目,而不会显示其他条目。
我该如何解决?有人可以向我解释输入角色吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。