代码之家 › 专栏 › 技术社区 › Bhrungarajni

如何求解globalFilter不是p表的性质

primeng-turbotable primeng angular

Bhrungarajni · 技术社区 · 7 年前

无法绑定到“globalFilter”,因为它不是“p-table”的已知属性。 1如果“p-table”是一个角度分量,并且它有“globalFilter”输入,那么请验证它是否是此模块的一部分。

HTML格式:

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

import { TableModule } from 'primeng/table';

3 回复 | 直到 7 年前

Pradeep B P 7 年前

如果要在lazy 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]属性,需要传递列名。

JJJ abhijeet104 7 年前

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

在你的 <input> 元素,添加以下内容:

<input type="text" pInputText placeholder="Enter Filter Text" id="filterText" (input)="tt.filterGlobal($event.target.value, 'equals')" style="width:auto"> 这个 (input) "tt" 是您的 p-treeTable 如第2点所述。
<p-treeTable #tt [value]="testData" [scrollable]="true" scrollHeight="400px" scrollWidth="300px" [globalFilterFields]="['label','dataId']"> <ng-template pTemplate="caption">
你需要定义 [globalFilterFields] 内部财产 p-树表 它将要对其执行搜索的列数组作为输入。

Antikhippe 7 年前

好好看看这个 doc 全球过滤器 财产。

<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 . 我还添加了一个标题模板,其中包含所需全局过滤器的输入。