将动态内容添加到jQueryUI手风琴

Question

这里有几个问题，但它们看起来很旧，并且参考了即将推出的功能，所以我想知道自问这些问题以来是否已经完成了这些问题。

我有一个看起来像这样的表：

ID  Category                         Provision
1   Plan Highlights                  Annual Maximum
2   Plan Highlights                  Lifetime Maximum
16  Benefits - Preventive            Routine Preventive Care - Child
17  Benefits - Preventive            Routine Preventive Care - Adult
18  Benefits - Preventive            Immunizations - Child
22  Benefits - Physician Services    Primary Care Physican (PCP) Office Visit
23  Benefits - Physician Services    Specialty Care Physican Office Visit
24  Benefits - Physician Services    Surgery Performed in Physician's Office

我想做的是创建一个以Category作为标题的手风琴，然后在每个手风琴选项卡上我想放置一个gridview，其中包含分配给该类别的所有Provisions的列表。问题是，类别将根据用户的选择而改变，而条款也将根据相同的选择而改变。

如果重要，我使用的是SQL Server后端。

所以，我试图弄清楚我是否可以动态添加每个手风琴标题（从＃34;选择DISTINCT类别＆＃34;查询中提取名称），将gridview添加到手风琴面板并填写gridview（再次使用＆＃34;选择DISTINCT Provision＆＃34;查询作为数据源）。手风琴是否内置了一些功能来处理这个问题？如果没有，是否有一些地方可以找到样本代码呢？

Answer 1

手风琴没什么特别之处，除了添加到元素中的类以便可以操作它。这是创建工作手风琴所需的最小标记：

<div id="myAccordion">
    <h3 id="myHeader1">Header 1</h3>
    <div>Stuff</div>
    <h3 id="myHeader2">Header 2</h3>
    <div>More Stuff</div>
</div>

和最小的jQuery：

$('#myAccordion').accordion();

动态附加标题很简单：

$('#myAccordion')
.append('<h3 id="myHeader3">Header 3</h3><div>Still More Stuff</div>')
.accordion();

至于您的＆＃34; gridview＆＃34;：无论您使用哪种网格视图，如果您的结果是HTML表格，您只需将其附加到下面的div即可h3，与我为标题提供的示例类似，并回忆accordion()函数。

如果您正在使用ASP.Net GridView作为标记建议，this帖子可能会为您提供您需要达到的目的。