3

当我运行应用程序时，我面临错误

无法绑定到“globalFilter”，因为它不是“p-table”的已知属性。1. 如果“p-table”是一个 Angular 组件并且它有“globalFilter”输入，那么验证它是这个模块的一部分。

HTML：

<p-table [columns]="tableHeaders" [value]="listEmrAllergy" [paginator]="true" [rows]="10" (onLazyLoad)="loadLazy($event)" [totalRecords]="totalcount" [lazy]="!press" [globalFilter]="dt">

TS：

import { TableModule } from 'primeng/table';
4

3 回答 3

5

如果您想在惰性 p-table 中添加过滤器，请执行以下操作。

     <p-table [columns]="tableHeaders" [value]="listEmrAllergy" [paginator]="true"
         [rows]="10" (onLazyLoad)="loadLazy($event)" [totalRecords]="totalcount" [lazy]="!press" 
[globalFilterFields]="tableHeaders" #tt>
                 <input type="text" pInputText placeholder="Global Filter" (input)="tt.filterGlobal($event.target.value, 'contains')" >
     </p-table>

对于 [globalFilterFields] 属性，您需要传递列名称。

于 2018-09-03T11:46:24.653 回答
1

解决这个问题非常简单。不幸的是 PrimeNg 没有很好的文档。你需要做三件事：

  1. 在您的<input>元素中，添加以下内容：

    <input type="text" pInputText placeholder="Enter Filter Text" id="filterText" (input)="tt.filterGlobal($event.target.value, 'equals')" style="width:auto">这(input)部分是第2 点中所写"tt"的您的标识符的重要部分。p-treeTable

  2. <p-treeTable #tt [value]="testData" [scrollable]="true" scrollHeight="400px" scrollWidth="300px" [globalFilterFields]="['label','dataId']"> <ng-template pTemplate="caption">

  3. 您需要[globalFilterFields]在其中定义属性，该属性p-treeTable将要执行搜索的列数组作为输入。

于 2019-04-19T19:02:03.043 回答
0

更好地查看文档，您会发现没有globalFilter属性。

你应该用类似的东西替换你的代码：

<p-table #dt [columns]="tableHeaders" [value]="listEmrAllergy" [paginator]="true" [rows]="10" (onLazyLoad)="loadLazy($event)"
 [totalRecords]="totalcount" [lazy]="!press">
    <ng-template pTemplate="caption">
        <div style="text-align: right">
            <i class="fa fa-search" style="margin:4px 4px 0 0"></i>
            <input type="text" pInputText size="50" placeholder="Global Filter" (input)="dt.filterGlobal($event.target.value, 'contains')"
             style="width:auto">
        </div>
    </ng-template>
</p-table>

我删除[globalFilter]="dt"并添加了#dt. 我还添加了一个标题模板，其中包含您想要的全局过滤器的输入。

于 2018-08-31T13:45:20.317 回答