簡體   English   中英

重新加載頁面后,保持折疊狀態並展開

[英]keep state of collapse and expand after page reload

在aspx頁面中,有五個fieldset元素。 在圖例元素旁邊的每個字段集中,您可以找到一個包含許多行的表元素。 我已為每個圖例元素添加了切換功能,因此,當您單擊圖例元素時,相應的表會折疊或展開。 問題是當您重新加載頁面時,所有表都被展開。 重新加載頁面時,我想保留每個表的狀態。 感謝任何形式的建議。

此答案有多種解決方案,例如向服務器發送請求以保存表狀態,並在每次重新加載時將其重定向回客戶端。 我對aspx頁面的了解不存在,所以我想出了一個不同的答案。

HTML5 WebStorage

您可以使用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,並且當用戶在另一個瀏覽器上重新加載此頁面時,將被設置為用戶首次看到該頁面。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM