次のように、アルファベット順に分割されたリストのjQueryモバイルがあります。
<ul id="theList" data-role="listview" data-filter="true" data-filter-placeholder="Search ticker or firm name..." data-inset="true">
<li data-role="list-divider">A</li>
<li data-filtertext="itemName"><a href="#">Item</a></li>
.
.
<li data-role="list-divider">B</li>
<li data-filtertext="itemName"><a href="#">Item</a></li>
.
.
</ul>
ページの読み込み時に、ランダムに生成され、sqlite データベースに配置された 1000 個のアイテムをリストに入力します。最初のリストの生成と表示はスムーズです。問題は、これはフィルタリングされたリストであるため、ユーザーが検索できるようにしたいということです。このように多くの項目があると、検索が非常に遅くなります。
これに対処するための良い戦略は何ですか?? おそらく、オンデマンドでデータを照会できますか? 私が取り組まなければならないものは次のとおりです。
- クエリできる SQLITE データベース
- ある種のリスト。リストをABC順に並べたいと思います。
- リストには仕切りがあります。
リストが非常に大きくてもスムーズに実行できるように、これをN個のアイテムにスケーリングしたいと思います。リストがどれだけ大きくなるかはわかりません。