Various refreshes of jquerymobile partial rendering_html/css_WEB-ITnose

   在JQueryMobile页面在第一次初始化进行一次整体渲染，动态生成的需要局部渲染。

在jquerymobile实现listview局部渲染的方法：

Java代码  

1. function queryPublishOrderList(trackOrDealOrInsp,userCode,type,pageNum){  
2.     var queryPublishOrderListURL="http://xxx.xxx.xxx.xxx/Myapp/WorkOrderSelByTypeService.svc/WorkOrderSimpSelByType/Json/"+trackOrDealOrInsp+"/"+userCode+"/"+type+"/"+pageNum;  
3.     $.ajax({  
4.         type: 'get',  
5.         dataType : "json",  
6.         url: queryPublishOrderListURL,  
7.         contentType: 'application/json',  
8.         data: [],  
9.         success: function(data) {  
10.               var sb = new StringBuffer();   
11.               $.each(data, function(i,item){  
12.                  //创建一个工单列表行对象  
13.                 sb.append("
    ");  
    •                 sb.append("
    •  "+item.work_orders_id+""+i+"
    ");  
    •                 sb.append("
    • ");  
    •                 sb.append("
      工单号:"+item.work_orders_id+"
      ");  
    •                 sb.append("
      创建人:"+item.founder_na+"
      ");  
    •                 sb.append("
      创建时间:"+item.found_time+"
      ");  
    •                 sb.append("
      工单类型:"+item.type_na+"
      ");  
    •                 sb.append("
      工单内容:"+item.work_cont+"
      ");
    • sb.append("
    ");
    • sb.append("
    ");
14.           }); 🎜> },
15. error:function(XMLHttpRequest, textStatus, errorThrown){
16. alert("Request remote service error!");
17. },
18. Complete: function( ) {                                                                                      🎜>}
20. Note:
21. listview is refreshed for jquerymobile for listview component.
23. $("div[data-role=content] ] ul").listview();
24. If you want to refresh the li inside the listview, you can use
25. $("div[data-role=content] ul li").listview(" refresh");

Otherwise, the error is reported as follows:

jquerymobile listviewcannot call methods on listview prior to initialization; attempted to call method 'refresh'

jquerymobile checkbox needs to be refreshed in time to obtain its accurate value

Java code

Generally available when logging in There are two checkbox multi-select boxes for remembering username and remembering password

Using jquerymobile to make the page, when the checkbox is checked, it cannot always get its correct value.

Solution:

$('input[type="checkbox"]').bind('click',function() {

1. $(this).prop('checked').checkboxradio("refresh"); // The binding event updates the checked value of the checkbox in time
2. });
4. If you want to use js to change the value of the checkbox, you must refresh it in time.
6. $('input [type="checkbox"]').attr('checked',false).checkboxradio("refresh");
8. $('input [type="checkbox"]').attr('checked',false).checkboxradio("refresh");
10. Reason: Because it is manual jquerymobile cannot re-render after changing its value. In this way, the value displayed on the page is different from the actual value. (jquerymobile hides the form elements, and then uses js to add some elements to beautify the effects of input, select, textarea and other elements)
Refresh the drop-down box
15. Java code
17. $("#selectbox").html(optionList).selectmenu('refresh', true);

Java code

1. 1. Check button
   2. $("input[type='checkbox']").attr("checked",true).checkboxradio("refresh");
   4. Radio button group:
   5. $("input[type='radio']").attr("checked",true).checkboxradio("refresh");
   7. Select list::
   8. var myselect = $("select#foo");
   9. myselect[0].selectedIndex = 3;
   10. myselect.selectmenu("refresh");
   12. Slider
   13. $("input[type=range]").val(60).slider ("refresh");
   15. switch (they use slider):
   16. var myswitch = $("select#bar");
   17. myswitch [0].selectedIndex = 1;
   18. myswitch .slider("refresh");

   select disable style

   
   < ;option value="standard">Standard: 7 day
   Rush: 3 days
   
   Overnight
   

   button disabled style