页面重新加载后保持折叠和展开状态

keep state of collapse and expand after page reload

本文关键字：折叠 状态 新加载 加载      更新时间：2023-09-26

在aspx页面中，有五个字段集元素。在图例元素旁边的每个字段集中，都可以找到一个包含许多行的表元素。我为每个图例元素添加了切换功能，这样当您单击图例元素时，相应的表就会折叠或展开。问题是，当重新加载页面时，所有表都展开了。我想在重新加载页面时保持每个表的状态。感谢任何建议。

这个答案有多种解决方案，例如向服务器发送保存表状态的请求，并在重新加载时将其重定向回客户端。我对aspx页面的了解并不存在，所以我想出了一个不同的答案。

HTML5 Web存储

你可以使用HTML5网络存储，一些信息可以在这里找到：http://www.w3schools.com/html/html5_webstorage.asp

一个例子是，每次扩展或折叠表时都用javascript存储它：

// Setting into the local storage
localStorage.setItem("table_"+tableElement.attr('id'), "collapsed");
// Getting from the local storage
localStorage.getItem("table_"+tableElement.attr('id'));

请注意，运行此javascript的浏览器必须支持HTML5，并且当用户在另一个浏览器上重新加载此页面时，它将被设置为用户第一次看到该页面。

相关文章：