使用奇怪数据进行Primeng数据表选择

时间:2017-05-23 10:52:38

标签: json angular primeng primeng-datatable

我从MSSQL服务器检索两组数据。 设置一个:(这是用户特定的,所以此设置更改)

[
  {
    "TargetID": 1,
    "Enabled": true
  },
  {
    "TargetID": 2,
    "Enabled": true
  }
]

设置二:

[
  {
    "Platform": "BB",
    "ID": 1
  },
  {
    "Platform": "MDL01",
    "ID": 2
  },
  {
    "Platform": "MDLEX",
    "ID": 4
  }
]

设置两个填充Primeng Datatable。设置的TargetID值是指第二组中的ID。每当TargetID值与第二组中的ID相同时,我必须在Datatable中检查它。

数据表:

<div class="col-md-12">
            <p-dataTable [value]="doelplatformen" [rows]="3" class="thumbnail" resizableColumns="true" [paginator]="true" [pageLinks]="0"
                [rowsPerPageOptions]="[3,5,10]" emptyMessage="Loading data" [(selection)]="selectedDoelplatformen" (onRowSelect)="onRowSelectDoelplatform($event)">
                <p-column [style]="{'width':'30px'}" selectionMode="multiple"></p-column>
                <p-column [style]="{'width':'40px'}" field="ID" header="ID"></p-column>
                <p-column field="Platform" header="Platform"></p-column>
            </p-dataTable>
        </div>

我没有尝试过多,因为我不知道如何实现这一目标?我甚至无法弄清楚如何对所选行进行硬编码......

任何帮助都会受到极大的折磨!提前致谢!

1 个答案:

答案 0 :(得分:1)

您可以将set1映射到应该选择的ID数组:

let selectedIds = set1.map(it => it.TargetID);

然后选择那些存在于该数组中的set2条记录:

this.selectedItems = set2.filter(inv => selectedIds.indexOf(inv.ID) != -1);

使用表的selection属性选择行:

<p-dataTable [value]="items" [(selection)]="selectedItems">
...
</p-dataTable>

Plunkr