PrimeNG DataTable 过滤 filterMatchType 不是默认值
PrimeNG DataTable Filtering filterMatchType not default
我正在尝试获取一个数据列以根据 "contains" 匹配类型进行过滤,但它似乎不适合我。有人有什么想法吗?
这是一个 Plunker,尝试按 "f70":
过滤
<p-dataTable [value]="orderList">
<p-column field="itemDesc" header="Item" filter="true" filterMatchMode="contains" filterPlaceholder="Contains" sortable="custom" (sortFunction)="onItemSort($event)">
<template let-col let-row="rowData" pTemplate="body">
<a [href]="'/e/fm/fm2/item/home.cfm?item_id=' + row['itemId']" target="_blank">{{row['itemNo']}} - {{row['itemDesc']}}</a>
</template>
</p-column>
</p-dataTable>
您遇到这个问题是因为您使用的是旧版本的 PrimeNG,其中过滤有很多错误,更准确地说,版本 1.1.2
,可以在 [=13= 的第 54 行看到] 文件在你的 Plunker:
'primeng': 'npm:primeng@1.1.2/primeng.js'
如果您使用最新版本 (2.0.3
),您的过滤器 filterMatchMode="contains"
将非常有效。所以,只需更改 system.config.js
文件中的版本:
'primeng': 'npm:primeng@2.0.3/primeng.js'
我正在尝试获取一个数据列以根据 "contains" 匹配类型进行过滤,但它似乎不适合我。有人有什么想法吗?
这是一个 Plunker,尝试按 "f70":
过滤<p-dataTable [value]="orderList">
<p-column field="itemDesc" header="Item" filter="true" filterMatchMode="contains" filterPlaceholder="Contains" sortable="custom" (sortFunction)="onItemSort($event)">
<template let-col let-row="rowData" pTemplate="body">
<a [href]="'/e/fm/fm2/item/home.cfm?item_id=' + row['itemId']" target="_blank">{{row['itemNo']}} - {{row['itemDesc']}}</a>
</template>
</p-column>
</p-dataTable>
您遇到这个问题是因为您使用的是旧版本的 PrimeNG,其中过滤有很多错误,更准确地说,版本 1.1.2
,可以在 [=13= 的第 54 行看到] 文件在你的 Plunker:
'primeng': 'npm:primeng@1.1.2/primeng.js'
如果您使用最新版本 (2.0.3
),您的过滤器 filterMatchMode="contains"
将非常有效。所以,只需更改 system.config.js
文件中的版本:
'primeng': 'npm:primeng@2.0.3/primeng.js'