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

这里有几个问题，但它们看起来很陈旧并引用了即将发布的功能，所以我想知道是否在问这些问题后这样做。将动态内容添加到jQueryUI手风琴

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

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

我想要做的就是创建一个类别作为标题手风琴，然后每个手风琴选项卡上的我要放置一个gridview与分配给该类别的所有条款清单。问题是，类别将根据用户的选择而改变，并且“规定”也将根据相同的选择进行更改。

如果很重要，我使用SQL Server后端。因此，我想弄清楚是否可以动态添加每个手风琴标题（从“Select DISTINCT Category”查询拉动名称），向手风琴面板添加一个gridview并填充gridview（再次使用“选择DISTINCT Provision”查询作为数据源）。是否有一些内置于手风琴的功能来处理这个问题？如果没有，是否有一些地方可以找到示例代码来做到这一点？

来源

2016-08-02 Johnny Bones

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

<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();

至于你的“ gridview“：无论你使用什么类型的gridview，如果你的结果是一个HTML表格，你只需要将它附加到h3下面的div，在si以我给出的标题为例的示例，回顾一下accordion()函数。

如果你正在使用ASP.Net GridView作为你的标签建议，this的帖子可能会给你你需要达到的这一点。

来源

2016-08-02 20:44:35 BobRodes

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

回答

相关问题