刷新jQuery Mobile中的複選框列表

Question

我有一個有序的複選框列表，我希望能夠更改順序。該列表定義爲：

<fieldset id="myList" data-role="controlgroup" data-bind='foreach : Articles'> 
       <legend></legend> 
       <input data-theme="c" type="checkbox" data-role="controlgroup" data-bind="attr: { 'data-id': Id(), name: 'checkbox-' + Id(), id: 'checkbox-' + Id() }" /> 
       <label data-theme="c" data-bind="text: Name(), attr: { for: 'checkbox-' + Id() }"></label> 
</fieldset> 

當我的視圖模型的變化物品屬性的順序，我想刷新複選框列表UI。任何想法，我怎麼能做到這一點？我試過.controlgroup（'刷新'，真）沒有運氣。

Answer 1

複選框JQM文件：

• http://jquerymobile.com/demos/1.0/docs/forms/checkboxes/methods.html

嘗試

.checkboxradio("refresh"); 

Answer 2

看看這有助於在所有：

我將此交給JQM論壇有點前。這是一個更完整的CSS來更好地控制項目。這在正常文檔中找不到。

http://forum.jquery.com/topic/css-code-to-help-control-entire-button-in-a-jquery-mobile-theme

Answer 3

這是從文檔直採取jquery的移動：

刷新表單元素 在jQuery的移動，一些增強表單控件風格簡單的（輸入），但其它的定製控件（選擇，滑塊），並與原生控件保持同步。要以編程方式更新JavaScript的表單控件，首先操作本機控件，然後使用刷新方法告訴增強控件自行更新以匹配新狀態。這裏有一些如何更新常用窗體控件的例子，然後調用刷新方法：

   Checkboxes: 
       $("input[type='checkbox']").prop("checked",true).checkboxradio("refresh"); 

       Radios: 

       $("input[type='radio']").prop("checked",true).checkboxradio("refresh"); 
       Selects: 

       var myselect = $("#selectfoo"); 
       myselect[0].selectedIndex = 3; 
       myselect.selectmenu("refresh")