jQuery Mobile:Listview 过滤器搜索回调函数
Posted
技术标签:
【中文标题】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 ()
);
);
【讨论】:
以上是关于jQuery Mobile:Listview 过滤器搜索回调函数的主要内容,如果未能解决你的问题,请参考以下文章
添加ClickListener JQuery Mobile ListView
jQuery Mobile:$(...).listview 不是函数
Jquery Mobile + Phonegap 提升 listview 性能