demos - jquery mobile dropdown

jQuery Mobile: Función de devolución de llamada de búsqueda de filtro de Listview

Question

Hola, quiero hacer una búsqueda de filtro para que ingrese dos letras de una búsqueda y los resultados correspondientes aparezcan 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 usar 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é que su llamada está devolviendo 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

Mira esto aquí: https://github.com/commadelimited/autoComplete.js
Parece lo que estás buscando.
Alex