微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决使用p-下拉NgPrime过滤p-dataView

我正在努力使用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未定义。这让我感到困惑,因为当它是文本输入而不是下拉菜单时,语法完全相同。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。