jquery - gridview 中的每一行作为 Jquery Accordion 控件？

Question

我有一个网格视图，其中包含大行，所以我希望用户一次只能查看一行。为此，我想到了实施Jquery Accordion control. 我像这样编写网格控件

<asp:TemplateField>
<ItemTemplate>
    <div id="divItems" runat="server">
        <h3>
            <a href="#">
                <asp:Label ID="lblMemberNameHeader" runat="server">
                </asp:Label></a></h3>
        <div>
            <div id="dvROApplicantSection">
            </div>
        </div>
    </div>
</ItemTemplate>

和

  $(document).ready(function () {
  $("[id$=divItems]").accordion();
  }

呈现手风琴风格，但功能不起作用。我无法折叠任何行。

请帮帮我我在这里错过了什么。

感谢并感谢您的反馈。

Answer 1

Accordian 控件需要单个父项来处理您需要展开/折叠的所有元素。当您使用ItemTemplateof 时GridView，它将在单独的TD. 我认为您应该改用Repeater控件。在此处阅读详细信息

这Repeater将允许对渲染的内容进行更多控制，而不是像GridView.