jQuery Mobile: Listview Filter Search Geri Çağırma Fonksiyonu

Question

Bu yüzden bir arama yapmak için iki harf girebileceğiniz ve ilgili sonuçlar liste görünümünde görünecek şekilde bir filtre aramasına sahip olmak istiyorum. Listenin tamamını jqm listview ile tipik olarak yükleyemiyorum çünkü yolu çok büyük. Birisi bana bunun nasıl yapılacağını gösterebilir mi? API’yi anlama kapsamımın biraz ötesinde.

Otomatik tamamlama küçük aracını jquery için nasıl kullanacağımı biliyorum, ancak sonuçları bir liste görünümünde biçimlendirmek istiyorum. Yani bir metin kutusu ve bunun altında liste görünümü biçimlendirilmiş sonuçlar, ancak sadece iki harf girildikten sonra sonuçların görüntülenmesini isterdim, bu şekilde yüklenmesi çok uzun sürecek dev bir liste göstermiyordu.

Answer 1

Ben çağrı JSON dönüyor üstlenecek: Bu burada

$("#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() { 

     } 
    }); 
    } 
}); 

Answer 2

atın: https://github.com/commadelimited/autoComplete.js
Aradığınız Ne gibi görünüyor.
Alex