如何解决ionic 5-仅当用户按下Enter或确认搜索时,如何使用ionic搜索栏在服务器上进行搜索
我正在使用Ionic 5来构建应用程序,并且我希望有一个搜索栏来搜索和显示来自服务器的结果。
查看文档(https://ionicframework.com/docs/api/searchbar)时,似乎该元素在设计时就考虑了本地过滤。
ionInput事件的行为与ionChange非常相似,并在更改输入时触发。
我想在服务器上进行搜索,并且仅在用户确认搜索后(即按Enter键)显示结果。
我找不到方法。
最好的问候, 吉列尔姆。
解决方法
我找到了解决方案,将搜索栏元素包装在一个form元素中,并对表单的onSubmit事件做出反应:
export default class MyComponent extends React.Component<{}> {
handleSubmit(e: FormEvent) {
e.preventDefault();
console.log("submitted")
}
render() {
return (
<form onSubmit={e => this.handleSubmit(e)}>
<IonSearchbar/>
</form>
);
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。