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;
}

这是一个扩展器

如何在展开其他行时关闭其他展开的行

1 个答案: