我有一个 Jquery Mobile 应用程序,其中包含可折叠区域内的一些报告。这些报告每页有三行分页,当我按下“下一步”链接时,它工作正常,显示接下来的三行。唯一的问题是它重新加载页面并且可折叠区域返回到默认状态(关闭)。
我想知道是否有任何方法可以保存区域状态并在页面重新加载后加载它,这样用户就不必再次展开它。我尝试了一些我找到的 JavaScript 代码,但没有奏效。
我正在使用 Apex 4.2.0。
提前致谢。
编辑:
经过一些实验,我进步了一点。我用这个保存区域 ID:
var lOpenRegions = []
$(".ui-collapsible:not(.ui-collapsible-collapsed)").each(function()
{ lOpenRegions.push($(this).attr("id")) });
SetCookie("HideShowOpenRegions",lOpenRegions.join(","));
我在 DA 中检查页面加载:
if (GetCookie("HideShowOpenRegions")) {
$.each( GetCookie("HideShowOpenRegions").split(','),
function(intIndex, objValue) {
$("#"+$nvl(objValue,"x")).trigger('expand');
}
);
}
每当我在应用程序页面之间移动,扩展存储在 cookie 中的区域时,这都有效,但它不适用于分页。当我按下 Next 或 Previous 链接时,它会检查 cookie 并读取 objValue(使用 alert(objValue) 进行测试),但区域仍然关闭。
有人知道为什么吗?