在primeng Datatable自定义过滤器不起作用

时间:2017-09-15 18:29:03

标签: angular primeng primeng-datatable

我有一个带有Org列的数据表。不同的组织列表在一个数组中。如何在列筛选器下拉框中添加此列表。当我尝试使用列表添加选项时,下拉显示没有值。有人请告诉我如何在下拉列表中添加动态值?

Create

2 个答案:

答案 0 :(得分:1)

[options]应该是SelectItem接口对象的数组。每个项目都应包含标签和值属性:

{label: 'MyDisplayValue', value: 1}

在您的代码中,您将整数数组(this.orgGroupList = 2,3,4,5,6,7)作为[options]输入传递。将其更改为SelectItem接口对象的数组。

供参考,您可以在以下位置查看官方示例源代码: https://www.primefaces.org/primeng/#/datatable/filter

答案 1 :(得分:1)

包括appendTo =" body"在下拉标签中

<ng-template pTemplate="filter" let-col>
          <p-dropdown [options]="orgs" [(ngModel)]="selectedOrg" appendTo="body" [style]="{'width':'100%'}"  (onChange)="dt.filter($event.value,col.field,col.filterMatchMode)" styleClass="ui-column-filter"></p-dropdown>
        </ng-template>