将动态内容添加到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”查询作为数据源)。是否有一些内置于手风琴的功能来处理这个问题?如果没有,是否有一些地方可以找到示例代码来做到这一点?
答
手风琴并没有什么特别之处,除了添加到元素中的类以便操纵它。这是创建工作的手风琴所需的最小标记:
<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的帖子可能会给你你需要达到的这一点。