jquerymobile 부분 렌더링_jquery에 대한 다양한 새로 고침 방법 요약-JS 튜토리얼-php.cn

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

WBOY

풀어 주다： 2016-05-16 16:57:13

원래의

1138명이 탐색했습니다.

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("

" item.work_orders_id "" i "

");
              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("

");
              });
              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");

스타일 비활성화 선택

버튼 비활성화 스타일 mobile-button-disabled
ui-state- 비활성화" type="버튼"
disabled="비활성화"
value="사용할 수 없음"
aria-disabled="true">