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’);