微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ngx-datatable 中的树参数?

如何解决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 举报,一经查实,本站将立刻删除。