asp.net-mvc-3 - 展开其他行时如何关闭其他展开的行

Question

我正在研究 ASP.NET MVC 中的 Jqgrid。

我已经设法为子网格进行服务器端分页和排序。

设想

我有一个行的集合，每行都有一个打开的子网格选项，我点击“+”展开第一行子网格首先展开，现在我点击“+”展开第三行。

在这里，我希望第一行的子网格折叠。

简而言之：这意味着只有行的子网格应该保持扩展。

我不知道该怎么做。

请帮我解决这个问题。

Answer 1

您可以创建具有相同类 + 类的所有扩展器，这些扩展器将确定是否扩展它的天气。在展开器单击时，您将触发事件，该事件将从具有展开器类并附加折叠的元素中删除展开和折叠的类，并且只有单击的展开器才会获得展开的类。我将发布示例

<div class="expander collapsed">
    <div class="expander-title" onclick="$('expander').removeClass('expanded collapsed').addClass('collapsed'); $(this).removeClass('collapsed').addClass('expanded')">
       title here
    </div>
    <div class="content">
       content here
    </div>
</div>

CSS：

.expanded > .content {
    display: block;
}

.collapsed > .content {
    display: none;
}

这是一个扩展器