jQuery Mobile：Listview 过滤器搜索回调函数

Posted 2023-05-09

【中文标题】jQuery Mobile：Listview 过滤器搜索回调函数

【英文标题】：jQuery Mobile: Listview Filter Search Callback Function

【发布时间】：2012-04-01 00:36:09

【问题描述】：

嘿，所以我想要进行过滤搜索，这样您就可以输入搜索的两个字母，并且相应的结果会显示在列表视图中。我无法像 jqm listview 那样加载整个列表，因为它太大了。有人可以告诉我如何做到这一点...这超出了我对 API 的理解范围。

我知道如何使用 jquery 的自动完成小部件，但我希望将结果格式化为列表视图。所以一个文本框，然后在它下面的 listview 格式化结果，但只有在输入两个字母后我才会希望它显示结果，这样它就不会显示一个加载时间过长的巨大列表。

【参考方案1】：

在这里查看：https://github.com/commadelimited/autoComplete.js 看起来像您正在寻找的东西。 亚历克斯

【参考方案2】：

我会假设您的呼叫返回 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 () 

         
    );
   
);