JQM的界面数据刷新

1.       为什么JQM的界面数据发生变化时需要refresh操作?

JQM里面当我们更新了某些页面标签(如: listview, radiobuttons, checkboxes, select menus)里的数据时,必须做refresh操作.

为什么必须做refresh操作操作呢?因为JQM在做页面渲染的时候,为了使样式跟客户端程序相似, 隐藏了原始的标签然后用一些新的标签和自定义的样式来表现原标签,其实新样式的标签已经不是原来的标签,所以更新了数据必须做refresh操作.

我们来看select原标签和JQM渲染过后的select标签:

原始的

渲染过的

2.       各类标签的刷新

这里列出最常用的标签的refresh操作,其他的自己查参考.

2.1       Listview的refresh操作:

$('ul').listview('refresh');( $('ul')这段是jquery选择标签的方式)

2.2       Select menu的refresh操作:

var myselect =$("select#foo");

myselect[0].selectedIndex= 3;

myselect.selectmenu("refresh");

2.3       Checkboxes的refresh操作:

$("input[type='checkbox']").attr("checked",true).checkboxradio("refresh");

2.4       Radio buttons的refresh操作:

$("input[type='radio']").attr("checked",true).checkboxradio("refresh");