JQueryMobile listview动态刷新

动态数据更新与ListView组件应用

最新推荐文章于 2016-12-14 09:49:26 发布

原创最新推荐文章于 2016-12-14 09:49:26 发布 · 4.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#listview #collapsible-set #jquerymobile #刷新

android 同时被 2 个专栏收录

52 篇文章

订阅专栏

jqm

4 篇文章

订阅专栏

本文详细介绍了如何在网页中动态更新数据，并利用ListView组件实现数据展示的灵活性与交互性。具体探讨了普通ListView布局及包含collapsibleset情况下的刷新机制，包括使用jQuery插件的方法与注意事项。

在网页中，往往需要动态获取数据，而比较常用的就是各种ListView

1、对于普通的ListView布局

<ul id='danielinbiti' data-role="listview" data-filter-placeholder="过滤器" data-filter="true" data-filter-theme="c" data-divider-theme="d">
  <li></li>
  <li></li>
</ul>

动态创建后，可以直接通过以下代码刷新

$("#danielinbiti").listview('refresh');

2、对于类似下面这种collapsibleset的情况

<div id='divlst' data-role="collapsible-set" data-theme="b" data-content-theme="d" >
			 <div data-role="collapsible"><h2>类</h2><ul data-role="listview" data-filter-placeholder="过滤器" data-filter="true" data-filter-theme="c" data-divider-theme="d"><li><a href="#photo_page" jpgname="imagesshow/0124.jpg" data-ajax="false">1米</a></li></ul></div></div>

就不能通过

$("#danielinbiti").listview('refresh');
刷新了，需要通过一下方式刷新。

$("#divlst").collapsibleset("refresh"); 		
$("#divlst ul").listview();