JqueryMobile為Listview動態添加、刪除查詢功能

JqueryMobile為Listview動態添加、刪除查詢功能

JqueryMobile的版本不同，引用JS的API也不同，因此為Listview動態添加、刪除查詢功能的代碼也不同。

假設Listview控制項內容如下：

Acura Audi BMW

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