jQueryのモバイルフィルタリングされたリスト - jQueryのモバイル検索フィルタリストを使用してのみ、文字列の先頭にマッチ

Question

イム： http://jquerymobile.com/test/docs/lists/lists-performance.html

イムSOMERのパフォーマンスの問題を抱えて、私のリストは、一部の携帯電話にフィルタリングするには少し遅いです。パフォーマンスを向上させるために検索を変更したいので、検索テキストで始まる項目だけが返されます。

したがって 'aris'は現在 'paris'という結果を検出していますが、これを変更します。私は以下のドキュメントからその可能性を見ることができますが、コードを実装する方法はわかりません。

http://jquerymobile.com/test/docs/lists/docs-lists.html

$("document").ready(function(){ 
    $(".ui-listview").listview('option', 'filterCallback', yourFilterFunction) 
}); 

は、このあなたが書く方法を実証し、独自の関数を呼び出すが、どのようにそれを書くには考えてアイブないようです！おかげ http://blog.safaribooksonline.com/2012/02/14/jquery-mobile-tip-write-your-own-list-view-filter-function/

はUPDATE - アイブ氏はJS別々のファイルに次のように試してみました。このようなものに見えるかもしれません

$("document").ready(function(){ 

    function beginsWith(text, pattern) { 
    text= text.toLowerCase(); 
    pattern = pattern.toLowerCase(); 

    return pattern == text.substr(0, pattern.length); 
    } 

    $(".ui-listview").listview('option', 'filterCallback', beginsWith) 

}); 

Answer 1

：

function beginsWith(text, pattern) { 
text= text.toLowerCase(); 
pattern = pattern.toLowerCase(); 

return pattern == text.substr(0, pattern.length); 
} 

を基本的には、0から何の "長さ" との比較あなたはソースにマッチしています。したがって、 "test"、 "tester"を渡すと、長さがの文字列が渡され、次に "test"という0,4のsubstr "tester"が表示されます。次に "test"は "test"に等しいのでtrueを返します。大文字小文字を区別しないように小文字にします。

フィルターのパフォーマンスを向上させる別のトリックは、1文字以上入力した後にのみフィルタリングします。

edit jQueryMobileのフィルタ関数は、 "true"はそれが見つからなかったことを意味すると考えているので、逆方向にする必要があります。 return pattern != text.substr(0, pattern.length);

Answer 2

これは私のために働いた。私はここで正規表現を使用していますので、同じことを達成するための異なる方法です。

しかし、私のコードが最初に動作しなかったのは、リスト項目の先頭と末尾にスペースがたくさんあったことです（デバッグ中に追加されていることがわかりました）。

私は試合を行う前にテキストをトリミングします。マッチする前にtext.trim（）を実行するとJonathan Rownyの実装もうまくいくと感じています。

$(".ui-listview").listview('option', 'filterCallback', function (text, searchValue) { 

    var matcher = new RegExp("^" + searchValue, "i"); 

    return !matcher.test(text.trim()); 
});