gridview中的每一行都是Jquery Accordion控件?

时间:2012-09-21 06:15:49

标签: jquery asp.net gridview

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

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

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

感谢您的反馈。

1 个答案:

答案 0 :(得分:0)

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

Repeater将允许更多地控制渲染的内容,而不是像Repeater那样呈现表格输出。