最近两晚,我对下面的代码感到困惑。问题是我需要记住扩展(或)折叠切换部分和页面重新加载我已经展开它们展开(或)折叠。
$(function() {
$('tr.subCategory')
.css("cursor", "pointer")
.attr("title", "Click to expand/collapse")
.click(function() {
$(this).siblings('.RegText').toggle();
});
$('tr[@class^=RegText]').hide().children('td');
})
我在另一个像这样的论坛找到了小解决方案。在隐藏字段中以逗号分隔的值存储“.subCategory”id值。
In Asp.net page:
<input id="myVisibleRows" type="hidden" value="<% response.write(myVisibleRowsSavedValue) %" />
In .js:
var idsStr = $(#myVisibleRows).val();
现在我的问题是:当我点击切换时,如何在隐藏字段中存储多个值(.subCategory id)?还如何解析它们并迭代它们得到ID并显示切换?我对jQuery非常新。请有人帮我解决这个问题。
答案 0 :(得分:4)
在表单中传递这种值并不是最好的方法。我建议使用cookie来存储扩展的部分id或类似的东西。它实现起来要容易得多,并且您不会在请求之间传递不重要的表单数据。如果你想存储多个值,你可以在存储它们之前对它们进行序列化(最简单的事情:在JS中使用join
函数),并在从cookie中读取它后反序列化(split
)。