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

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");