listview - jquery モバイルで、テキストを入力する代わりに、いくつかのボタンで制御されるリスト フィルターを作成するにはどうすればよいでしょうか?

Question

4 つの異なるテーマについて話す会議アプリを作りたいとしましょう。だから私は一週間に起こっているすべてのイベントのリストを持っています. しかし、ユーザーとしては、例としてバイオテクノロジーに関するものだけを見たいと思っています。しかし、時々すべてのイベントを見ることができるのもいいでしょう.

ネストされたリストを操作せずに、リストに表示されているものを制御できるボタンを含むページが必要です。そのため、同じ日にすべてのイベントが混在しているのを見ることができます。

助けてくれてありがとう

乾杯

Answer 1

ボタンをクリックすると、特定の値が検索フィルターに設定されるようにすることができます。フィルターで「keyup」イベントをトリガーするだけで、リストが更新されます。これは、フィルターの入力フィールドが非表示の場合でも機能しますが、リストビューにdata-filter="true"属性を設定する必要があります。

これは、 jQM docsの「Search filter hidden data」の例と同じリストを使用しています。