码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-08-08 01:59:15      阅读:261      评论:0      收藏:0      [点我收藏+]

标签: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");

 

 

 

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

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

标签:jquerymobile   listview   

原文地址:http://blog.csdn.net/cwb1128/article/details/38428865

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!