欢迎光临景诺科技软件开发淘宝店

进店请收藏,谢谢

jquerymobile界面改变后UI更新

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

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

各类标签的刷新

1.Textarea fields
1
2

$(‘body’).prepend(‘‘);
$(‘#myTextArea’).textinput();

2.Text input fields
1
2

$(‘body’).prepend(‘‘);
$(‘#myTextField’).textinput();

3.Buttons
1
2

$(‘body’).append(‘testing‘);
$(‘#myNewButton’).button();

4.Combobox or select dropdowns
1
2
3
4
5
6
7
8
9
10

var myselect = $(“#sCountry”);
myselect[0].selectedIndex = 3;
myselect.selectmenu(‘refresh’);

5.Listviews
1
2
3
4
5
6
7

  • Acura
  • Audi
  • BMW

$(‘#mylist’).listview(‘refresh’);

6.Slider control
1
2
3
4
5
6


$(‘#slider-2′).val(80).slider(‘refresh’);

7.Toggle switch
1
2
3
4
5
6
7
8
9
10
11

var myswitch = $(“#toggle”);
myswitch[0].selectedIndex = 1;
myswitch .slider(“refresh”);

8.Radio buttons
1
2
3
4
5
6
7
8
9
10
11
12
13

Layout view:







$(“input[value=grid]“).attr(‘checked’,true).checkboxradio(‘refresh’);

9.Checkboxes
1
2
3
4
5
6
7
8
9

Agree to the terms:



$(‘#checkbox-1′).attr(‘checked’,true).checkboxradio(‘refresh’);

更多

本文固定链接: http://shanmao.me/webapp/jquerymobile-jie-mian-gai-bian-hou-ui-geng-xin | 山猫的博客

该日志由 admin 于2013年06月07日发表在 移动前端 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: jquerymobile界面改变后UI更新 | 山猫的博客
关键字: ,