收藏总结-关于jquery mobile动态刷新listview的几种方法以及其他标签的refresh
2014-10-10 12:03
519 查看
第一种我经常使用的获取后台数据,动态添加刷新的方法解:ajax json解析数据在遍历循环出来
2)为Listview动态删除查询功能,代码如下:
二:JqueryMobile1.4 .21)为Listview动态添加查询功能,代码如下:
2)为Listview动态删除查询功能,代码如下:
扩展--各个标签的加载刷新例子【收藏】JQM里面当我们更新了某些页面标签(如: listview, radiobuttons, checkboxes, select menus)里的数据时,必须做refresh操作.为什么必须做refresh操作操作呢?因为JQM在做页面渲染的时候,为了使样式跟客户端程序相似, 隐藏了原始的标签然后用一些新的标签和自定义的样式来表现原标签,其实新样式的标签已经不是原来的标签,所以更新了数据必须做refresh操作.各类标签的刷新1.Textarea fields
2.Text input fields
3.Buttons
4.Combobox or select dropdowns
5.Listviews
6.Slider control
7.Toggle switch
8.Radio buttons
9.Checkboxes
$.each(obj.data,function(i,item){ $("#list").append("<li>+"<p><strong>"+item.date+"</strong></p>"+"</li>"); }) $("#list").listview("refresh");在该页面我还做了一个下拉刷新和上拉加载数据的操作,以上这个是页面点击进来onload事件直接加载在页面显示,但是无法滚动解决办法:在后面直接添加了这条代码就行了myScroll.refresh();第二种直接加载在listview之后的数据
<script> function myFunction() { var ul = document.getElementById("myul"); var li1 = "<li data-role=\"fieldcontain\">信息2</li>"; var li2 = "<li data-role=\"fieldcontain\">信息3</li>"; ul.innerHTML += li1; ul.innerHTML += li2; //刷新jQuery Mobile样式 $('#myul').listview('refresh'); } </script>第三种网上常见的for循环添加listview数据 示例如下
for (i=0;i<=5;i++){ var list = $("<li>candoudou-"+i+"</li>"); $("#list").append(list).find("li:last").hide(); $('ul').listview('refresh'); $("#list").find("li:last").slideDown(300); }一下是网上看到好的例子贴上,下次需要的时候就方便查看了在使用js或者jQuery获取控件(例如:button、checkbox、radiobutton等)的值时,也是需要先刷新,否则无法获取到最新的值。下面列出常用的标签的refresh操作,其他的可以举一反三。1. Listview的refresh操作:$('#mylistid').listview('refresh');2. select menu的refresh操作:var myselect = $("#myselect");myselect[0].selectedIndex = 2;myselect.selectmenu("refresh");3. Checkboxes的refresh操作:$("#mycheckboxid").attr("checked",true).checkboxradio("refresh");4. Radio buttons的refresh操作:$("#myradioid").attr("checked",true).checkboxradio("refresh");根据各个版本的不同 listview的查询增删等例子【收藏】一:JqueryMobile1.3 .21)为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"); |
$("#listview'").filterable(); $("#listview'").filterable( "option", "filterPlaceholder", "请输入姓名查询..."); |
$("#listview'").filterable("destroy"); |
相关文章推荐
- 视频 embed标签动态改变Src的值,局部刷新播放其他视频的javascript方法
- jquery 给动态生成的标签绑定事件的几种方法总结
- 关于Entity Framework更新的几种方式以及可能遇到的问题(附加类型“Model”的实体失败,因为相同类型的其他实体已具有相同的主键值)在使用 "Attach" 方法或者将实体的状态设置为 "Unchanged" 或 "Modified" 时如果图形中的任何实体具有冲突键值,则可能会发生上述行为
- embed标签动态改变Src的值,局部刷新播放其他视频的javascript方法
- asp.net页面刷新有问题,收藏几种方法挺有用的.
- javascript refresh page 几种页面刷新的方法
- 关于图片拉伸的几种方法总结
- JqueryMobile动态生成listView并刷新的方法!
- javascript refresh page 几种页面刷新的方法
- IE6 中 window.location.href 不能跳转 以及关于a标签点击返回顶部的解决方法
- javascript refresh page 几种页面刷新的方法
- javascript refresh page 几种页面刷新的方法
- 关于图片拉伸的几种方法总结
- 关于图片拉伸的几种方法总结
- javascript refresh page 几种页面刷新的方法
- [cocos2d-x·总结]关于cocos2d-x几种画图方法的用法与思考
- asp.net页面刷新有问题,收藏几种方法挺有用的.
- javascript refresh page 几种页面刷新的方法
- 总结了几种设置UITableView的cell动态高度的方法
- 关于图片拉伸的几种方法总结