jQuery Mobile: función de devolución de llamada de búsqueda de filtro de lista

Question

Oye, así que quiero tener una búsqueda de filtro para que ingrese dos letras de una búsqueda y los resultados correspondientes aparecen en una vista de lista. No puedo cargar la lista completa como es típico con la vista de lista jqm porque es demasiado grande. ¿Puede alguien por favor mostrarme cómo hacer esto? Está un poco más allá de mi alcance de comprensión de la API.

Sé cómo utilizar el widget de autocompletar para jquery, pero quiero que los resultados se formateen como una vista de lista. Entonces, un cuadro de texto, y luego debajo de él, los resultados formateados en la vista de lista, pero solo después de que se hayan ingresado dos letras me gustaría que muestre los resultados, de esa manera no muestra una lista gigante que llevaría demasiado tiempo cargar.

Answer 1

asumiré su llamada está volviendo 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

Compruebe hacia fuera esta aquí: https://github.com/commadelimited/autoComplete.js
parece que lo que busca.
Alex