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>

当我的视图模型上的articles属性中的顺序发生更改时，我想刷新复选框列表UI。我怎么能这样做的想法？我试过.controlgroup（'refresh'，true）没有运气。

Answer 1

Checkbox jQM文档：

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

尝试

.checkboxradio("refresh");

Answer 2

直接来自jquery mobile的文档：

刷新表单元素在jQuery Mobile中，一些增强的表单控件只是简单的样式（输入），但其他是自定义控件（选择，滑块），由本机控件构建并与之保持同步。要以编程方式使用JavaScript更新表单控件，首先操作本机控件，然后使用refresh方法告诉增强控件更新自身以匹配新状态。以下是如何更新常用表单控件，然后调用refresh方法的一些示例：

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

Answer 3

看看这是否有帮助：

我稍后将此添加到JQM论坛。这是一个更完整的CSS来更好地控制项目。这在普通文档中找不到。

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

刷新jQuery Mobile中的复选框列表

3 个答案: