JqueryMobile为Listview动态添加、删除查询功能

时间：2014-08-08 01:59:15 收藏：0 阅读：261

JqueryMobile的版本不同，引用JS的API也不同，因此为Listview动态添加、删除查询功能的代码也不同。

假设Listview控件内容如下：

<ul data-role="listview" id="listview" data-inset="true">
    <li><a href="#">Acura</a></li>
    <li><a href="#">Audi</a></li>
    <li><a href="#">BMW</a></li>
</ul>

一：JqueryMobile1.3 .2

1）为Listview动态添加查询功能，代码如下：

$(".ui-listview-filter").remove();
$(‘#listview‘).listview(‘option‘, ‘filter‘, true);
$(‘#listview‘).trigger("listviewcreate");

2）为Listview动态删除查询功能，代码如下：

$(".ui-listview-filter").remove();
$(‘#listview‘).listview(‘option‘, ‘filter‘, false);
$(‘#listview‘).trigger("listviewcreate");

二：JqueryMobile1.4 .2

1）为Listview动态添加查询功能，代码如下：

$("#listview‘").filterable();
$("#listview‘").filterable( "option", "filterPlaceholder", "请输入姓名查询...");

2）为Listview动态删除查询功能，代码如下：

$("#listview‘").filterable("destroy");

JqueryMobile为Listview动态添加、删除查询功能,布布扣,bubuko.com