2012-03-15 10 views
5

ちょっと、検索の2文字を入力し、対応する結果がリストビューに表示されるようなフィルタ検索が必要です。その方法が大きすぎるため、jqm listviewの典型的なリスト全体をロードできません。誰かがこれを行う方法を私に教えてもらえますか?APIの理解の範囲を少し超えていますか?jQuery Mobile:リストビューフィルタ検索コールバック関数

私はjqueryのオートコンプリートウィジェットを使用する方法を知っていますが、結果をリストビューとしてフォーマットします。テキストボックスとその下にフォーマットされた結果のリストビューが表示されますが、2文字を入力した後で、結果を表示するのが好きです。読み込みに時間がかかりすぎる巨大なリストは表示されません。

答えて

0

私はあなたの呼び出しはJSONを返していると仮定します。このここ

$("#txtInput").change(function() { 
    var val = $(this).val(); 
    if (val.length >= 2) 
    { 
     // Do Ajax call 
     $.ajax({ 
     type: "POST", 
     dataType: "json", 
     contentType: "application/json; charset=utf-8", 
     url: '/SomeURL/', 
     data: "{'searchText': '" + val + '}', 
     success: function (data) { 
      $("#divListArea").empty(); 
      var i; 
      for (i = 0; i < data.length; i++) 
      { 
       $("#divListArea").append("<div key=" + data[i].Id + ">" + data[i].SomeProperty + "</div>"); 
      } 
      $("#divListArea div").each(function() { 
       $(this).click(function() [ 
       // Do something 
       var id = $(this).attr('key'); 
       }); 
      }); 
     }, 
     complete: function() { 

     } 
    }); 
    } 
}); 
関連する問題