jquerymobile 부분 렌더링_jquery에 대한 다양한 새로 고침 방법 요약

JQueryMobile 페이지에서는 첫 번째 초기화 시 전체 렌더링이 수행됩니다. 동적으로 생성된 페이지에는 부분 렌더링이 필요합니다.

jquerymobile에서 listview 부분 렌더링 구현 방법:

코드 복사 코드는 다음과 같습니다.

queryPublishOrderList(trackOrDealOrInsp,userCode,type,pageNum){ 
    var queryPublishOrderListURL="http://xxx.xxx.xxx.xxx/Myapp/WorkOrderSelByTypeService.svc/WorkOrderSimpSelByType/Json/" trackOrDealOrInsp " /" userCode "/" 유형 "/" pageNum;  [ ], 
        성공: function(data) { 
             var sb = new StringBuffer();  
             $.each(data, function(i,item){ 
                //创建一个工单列表行对象 
               sb.append("

"); 
               sb. Append("
• " item.work_orders_id "" i "
" ); 
               sb.append("
• "); 
                sb.append("

  工单号:" item.work_orders_id ""); 
                  sb.append("

  创建人:" item.founder_na "

  "); 
                 sb.append("

  创建时间:" 항목 .found_time "

  "); 
                 sb.append("

  工单类型:" item.type_na "

  "); 
                 sb.append("

  工单内容:" item.work_cont "

  "); 
                  sb.append("
"); 
                sb.append("

"); 
              }); 
              var content = sb.toString();  
                 $("#queryList").html(content); 
        }, 
        error:function(XMLHttpRequest, textStatus, errorThrown){ 
               Alert("请求远程服务错误!"); 
        }, 
        완료: function() {     
              $("p[data-role=content] ul").listview();           
        }   
    }); 
}

비고:

Listview는 jquerymobile의 listview 구성 요소를 새로 고칩니다.

$("p[data-role=content] ul").listview()

목록 보기 내에서 li을 새로 고치려면

을 사용하세요.

$("p[data-role=content] ul li").listview("새로 고침");

그렇지 않으면 다음과 같이 오류가 보고됩니다.

jquerymobile listview는 초기화 전에 listview에서 메서드를 호출할 수 없습니다. 'refresh' 메서드를 호출하려고 했습니다.

정확한 값을 얻으려면 Jquerymobile 확인란을 시간 내에 새로 고쳐야 합니다

코드 복사 코드는 다음과 같습니다.

일반적으로 로그인 시 사용자 이름과 비밀번호를 기억하는 체크박스가 2개가 있습니다.

jquerymobile을 사용하여 페이지를 만들 때 체크박스를 체크하면 항상 정확한 값을 얻을 수 없습니다.

해결책:
[code]
$('input[type="checkbox"]').bind('click',function() {
$(this).prop ('checked').checkboxradio("refresh"); // 체크박스의 체크된 값을 시간에 맞춰 업데이트하는 이벤트를 바인딩합니다.
})

체크박스를 변경하려면 Node.js를 사용하여 값도 시간에 맞춰 새로 고쳐야 합니다.

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

원인: jquerymobile은 값을 수동으로 변경한 후 다시 렌더링할 수 없습니다. 이런 방식으로 페이지에 표시되는 값은 실제 값과 다릅니다. (jquerymobile은 모든 양식 요소를 숨긴 다음 js를 사용하여 일부 요소를 추가하여 입력, 선택, 텍스트 영역 및 기타 요소의 효과를 아름답게 만듭니다.)
[/code]
드롭다운 상자 새로 고침

코드 복사 코드는 다음과 같습니다.

$("#selectbox").html(optionList).selectmenu( 'refresh', true ); 🎜>$("input[type='checkbox']").attr("checked",true).checkboxradio("refresh")

라디오 버튼 그룹:
$("input [type='radio']").attr("checked",true).checkboxradio("refresh");

목록 선택:: var myselect = $( "select#foo") ; myselect[0].selectedIndex = 3; myselect.selectmenu("refresh") $("input[type=range] ").val( 60).slider("refresh");

스위치(슬라이더 사용):
var myswitch = $("select#bar");
myswitch[0] .selectedIndex = 1;
myswitch .slider("refresh");



스타일 비활성화 선택

disabled="disabled"
name="select-choice-1"
아리아 -disabled="true ">

표준: 7일
긴급: 3일< /option>익스프레스: 익일
1박
버튼 비활성화 스타일 mobile-button-disabled
ui-state- 비활성화" type="버튼"
disabled="비활성화"
value="사용할 수 없음"
aria-disabled="true">

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.