如何解决使用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 举报,一经查实,本站将立刻删除。