jQuery Mobile: Listview Filter Search Chức năng gọi lại

Question

Xin chào, vì vậy tôi muốn tìm kiếm bộ lọc để bạn nhập hai chữ cái của tìm kiếm và kết quả tương ứng xuất hiện trong dạng xem danh sách. Tôi không thể tải toàn bộ danh sách như là điển hình với listview jqm vì cách của nó quá lớn. Ai đó có thể vui lòng chỉ cho tôi cách thực hiện điều này ... một chút ngoài tầm hiểu biết của tôi về API.

Tôi biết cách sử dụng tiện ích tự động điền cho jquery, nhưng tôi muốn kết quả được định dạng dưới dạng chế độ xem danh sách. Vì vậy, một hộp văn bản, và sau đó dưới nó các kết quả định dạng listview, nhưng chỉ sau khi hai chữ cái đã được nhập vào tôi sẽ thích nó để hiển thị kết quả, theo cách đó nó không hiển thị một danh sách khổng lồ mà sẽ mất quá nhiều thời gian để tải.

Answer 1

Tôi sẽ giả định cuộc gọi của bạn đang trở lại 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() { 

     } 
    }); 
    } 
}); 

Answer 2

Check-out này ở đây: https://github.com/commadelimited/autoComplete.js
Có vẻ như những gì bạn đang tìm kiếm.
Alex