jquerymobilepartial 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("gt;
    ");
    • sb.append("
    ");
14. }); .toString();
️ aler("リモート サービスのリクエスト中にエラーが発生しました!"); }
});
}
注:
listview は jquerymobile の listview コンポーネントを更新します
$( "div[data-role=content] ul").listview();
リストビュー内の li を更新したい場合は、
$(" div[data-role=content] ul li") を使用できます。 .listview("refresh");
それ以外の場合、エラーは次のように報告されます:
jquerymobile listviewcannot callMethods on listview before initialization

jQueryMobile CheckBox を時間内に更新します。正確な値を取得します

j j ログインすると、ユーザー名とパスワードを記憶する 2 つのチェックボックス複数選択ボックスがあります

🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 j j j j ページ、チェックボックスがチェックされている場合、常に正しい値が得られるとは限りません。 🎜 🎜 🎜 🎜解決策: 🎜 🎜 🎜 🎜$('input[type="checkbox"]').bind('click',function() { 🎜 🎜 $(this).prop('checked').checkboxradio ( "refresh"); // バインディング イベントは、チェックボックスのチェックされた値を時間内に更新します 🎜 🎜 }); js を使用してチェックボックスの値を変更する場合は、それも時間内に更新する必要があります。 🎜 🎜 🎜 🎜$('input [type="checkbox"]').attr('checked',false).checkboxradio("refresh"); 🎜 🎜 🎜 🎜$('input [type="checkbox"]' ).attr('checked',false).checkboxradio("refresh"); 🎜 🎜 🎜 🎜理由: jquerymobile は値を手動で変更した後に再レンダリングできないためです。このように、ページ上に表示される値は実際の値とは異なります。 (jquerymobile はフォーム要素を非表示にし、js を使用していくつかの要素を追加して、input、select、textarea およびその他の要素の効果を美しくします) 🎜 🎜 🎜 🎜 🎜 ドロップダウン ボックスを更新 🎜 🎜 🎜 🎜 🎜 Java コード 🎜 🎜 🎜 🎜 $( "#selectbox").html(optionList).selectmenu('refresh', true); 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 Java コード 🎜 🎜

1. チェックボタン
2. $("input[type='checkbox']").attr("checked",true).checkboxradio("refresh");
4. ラジオボタングループ:
5. $( "input [type='radio']").attr("checked",true).checkboxradio("refresh");
7. 選択リスト::
8. var myselect = $("select#foo");
9. myselect[0].selectedIndex = 3;
10. myselect.selectmenu("リフレッシュ");
12. スライダー
13. $("input[type=range]").val(60).slider(" リフレッシュ") ;スイッチを使用します
無効なスタイルを選択
標準: 7 日間
17. <オプション値="エクスプレス">エクスプレス: 翌日
/option>
ボタン無効スタイル