javascript - 如何设置列的列切换表窗口小部件的默认值？

我一直在玩jQuery Mobile的Table Widget。有没有一种方法可以通过此小部件从其表标题名称设置列的显示隐藏状态？如果没有这种方法，那么解决这种问题的最佳解决方案是什么？

最佳答案

jQM并没有为此提供现成的解决方案，因此，您必须通过JS来实现。列切换弹出窗口继承表的id，后跟-popup。在触发tablecreate事件以更改复选框属性时，需要将其定位。

请注意，只有带有thead的data-priority元素将被添加到列切换弹出窗口。此外，您将需要使用.eq()方法或:eq()选择器通过其索引来定位复选框。

$(document).on("pagebeforecreate", "#pageID", function () {
   $("#tableID").on("tablecreate", function () {
       $("#tableID-popup [type=checkbox]:eq(1)") /* second checkbox */
           .prop("checked", false)            /* uncheck it */
           .checkboxradio("refresh")          /* refresh UI */
           .trigger("change");                /* trigger change to update table */
   });
});

  Demo