JqueryMobile为Listview动态添加、删除查询功能
2014-08-08 01:18
537 查看
JqueryMobile的版本不同,引用JS的API也不同,因此为Listview动态添加、删除查询功能的代码也不同。
假设Listview控件内容如下:
一:JqueryMobile1.3 .2
1)为Listview动态添加查询功能,代码如下:
2)为Listview动态删除查询功能,代码如下:
二:JqueryMobile1.4 .2
1)为Listview动态添加查询功能,代码如下:
2)为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> |
1)为Listview动态添加查询功能,代码如下:
$(".ui-listview-filter").remove(); $('#listview').listview('option', 'filter', true); $('#listview').trigger("listviewcreate"); |
$(".ui-listview-filter").remove(); $('#listview').listview('option', 'filter', false); $('#listview').trigger("listviewcreate"); |
1)为Listview动态添加查询功能,代码如下:
$("#listview'").filterable(); $("#listview'").filterable( "option", "filterPlaceholder", "请输入姓名查询..."); |
$("#listview'").filterable("destroy"); |
相关文章推荐
- 一个查询内容功能,动态添加内容,删除内容并提交的demo
- Android – ListView 中添加按钮,动态删除添加ItemView的操作
- android ListView内数据的动态添加与删除
- Android中ListView动态添加删除项
- Listview动态添加/删除数据
- asp.net操作xml实现创建,添加,删除,查询等功能函数
- 动态添加、删除ListView列表项
- android开发--详解ListView,动态添加,删除Adapter中的数据项
- 点滴积累【JS】---JS小功能(操作Table--动态添加删除表格及数据)
- android ListView内数据的动态添加与删除
- JS小功能(操作Table--动态添加删除表格及数据)实现代码
- 动态添加删除ExpandableListView的item的例子
- 动态添加、删除select得option功能演示整理
- Quartz(二)在Spring中动态启动,暂定,添加,删除定时功能
- 揭秘在ListView等AdapterView上动态添加删除项的陷阱
- 动态启动,暂定,添加,删除定时功能,可传参数
- Android中ListView动态添加删除项
- 【android】ListView 中添加按钮,动态删除添加ItemView的操作
- JS小功能(操作Table--动态添加删除表格及数据)实现代码
- 动态添加删除ExpandableListView的item的例子