【发布时间】:2016-10-14 23:48:13
【问题描述】:
我是 jquery mobile 的新手,正在转换我为桌面做的应用程序。
这是我正在使用的版本:
jquery.mobile-1.4.5.css
jquery-1.11.3.js
jquery.mobile-1.4.5.js
我使用的是单页模板。
三个页面,其中两个有一个表格。
表定义为:
data-role="table" id="PortConfig_Table" data-mode="columntoggle" class="ui-responsive"
我正在使用测试数据来确保一切正常。
两个表都有th 元素设置优先级:
class="col-Dir" data-priority="3"
HTML 页面只加载标题。
第一个实现的表格,我有脚本根据“页面”事件动态加载表格。
我最初使用pageinit,但发现当我使用columntoggle表格附带的“列”按钮时,只有与隐藏列关联的标题会消失,列中的数据单元格仍然可见。
我推测 JQM 可能正在为单元格分配一个属性(或某些东西),并且在 JQM 完成工作后我正在填充单元格。
我发现如果我在“页面”事件pagebeforecreate 上触发了数据加载,表格会按预期工作,标题和数据单元格被隐藏。
我的第二个表使用多个 AJAX 调用来获取表数据。 AJAX 操作由同一页面事件触发 - pagebeforecreate。
表格已完全填充 - 但是当用户请求隐藏列时,仅隐藏列标题的问题,或者屏幕尺寸缩小到 JQM 开始根据优先级隐藏列的程度再次使其丑陋。
我的问题是......如何动态加载表格内容并让列隐藏功能隐藏整个列 - 而不仅仅是列标题。
【问题讨论】:
标签: jquery-mobile