gridview 中的每一行作为 Jquery Accordion 控件？答案

【问题标题】：Each Row in gridview as Jquery Accordion control?gridview 中的每一行作为 Jquery Accordion 控件？
【发布时间】：2012-09-21 16:00:58
【问题描述】：

我有一个包含大行的网格视图，所以我希望用户一次只能查看一行。为此，我想到了实现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();
  }

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

请帮我解决我在这里遗漏的问题。

感谢并感谢您的反馈。

【问题讨论】：

标签： jquery asp.net gridview

【解决方案1】：

Accordian 控件需要单个父元素用于您需要展开/折叠的所有元素。当您使用GridView 的ItemTemplate 时，它将在单独的TD 中呈现。我认为您应该改用Repeater 控件。阅读详情here

Repeater 将允许对渲染内容进行更多控制，而不是像 GridView 那样渲染表格输出。

【讨论】：