使用p-下拉NgPrime过滤p-dataView

时间:2020-09-09 14:28:59

标签: angular primeng primeng-datatable primeng-dropdowns

我正在努力使用NgPrime的下拉菜单过滤dataView。特别是下拉菜单让我很难受。实际上,我有一个有效的pInputText可以过滤dataView的相同内容,这告诉我我的下拉列表不起作用,而不是通常的dataView。

dataView定义:

const handleLoginPress = async () => { try { const loginData = { username: email, password: password, } responseData = await axios.post(loginURL, loginData); setLocalStorageUser('user', {email: email, token: responseData.token}); setUser({email: email, token: responseData.token}); } catch (error) { console.log(error); } navigation.navigate('Home'); }

可用于排序的下拉列表

<p-dataView #dv [value]="things" layout="grid" filterBy="x ,y ,z" [sortField]="sortField" [sortOrder]="sortOrder" [paginator]="true" [rows]="20" paginatorPosition="both">

用于过滤的pInputText:

<p-dropdown [options]="sortOptions" [(ngModel)]="sortKey" [placeholder]="'something" (onChange)="onSortChange($event)" [style]="{'min-width':'140px'}"></p-dropdown>

下拉菜单无效:

<input type="search" pInputText placeholder="Filter by x" (input)="dv.filter($event.target.value)">

我收到错误TypeError:$ event.target未定义。这让我感到困惑,因为当它是文本输入而不是下拉菜单时,语法完全相同。

0 个答案:

没有答案