刷新 jQuery Mobile 中的复选框列表

发布于 2024-12-27 03:58:54 字数 615 浏览 0 评论 0原文

我有一个有序的复选框列表，我希望能够更改顺序。该列表定义为：

 <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) 但没有成功。

原文

I have an ordered checkbox list where I want to be able to change the order. The list is defined as:

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

When the order in the articles property on my view model changes i want to refresh the checkbox list UI. Any ideas of how I can do that? I have tried .controlgroup('refresh',true) with no luck.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

寂寞花火° 2025-01-03 03:58:54

复选框 jQM 文档：

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

尝试

.checkboxradio("refresh");

Checkbox jQM Docs:

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

Try

.checkboxradio("refresh");

回复收藏 0 原文

吃不饱 2025-01-03 03:58:54

这直接取自 jquery mobile 的文档：

刷新表单元素
在 jQuery Mobile 中，一些增强的表单控件只是简单地设置样式（输入），但其他控件是从本机控件构建并保持同步的自定义控件（选择、滑块）。要使用 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")

This is taken straight from the documentation for jquery mobile:

Refreshing form elements
In jQuery Mobile, some enhanced form controls are simply styled (inputs), but others are custom controls (selects, sliders) built from, and kept in sync with, the native control. To programmatically update a form control with JavaScript, first manipulate the native control, then use the refresh method to tell the enhanced control to update itself to match the new state. Here are some examples of how to update common form controls, then call the refresh method:

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

回复收藏 0 原文