动态绑定Accordion
Accordion在适当的场合使用,还是比较酷的!
下面的例子是展示如何动态绑定Accordion.
aspx
1
<ajaxToolkit:Accordion ID="Accordion_I" runat="server" HeaderCssClass="accordionHeader"
2
ContentCssClass="accordionContent" AutoSize="None">
3
<Panes>
4
</Panes>
5
<HeaderTemplate>
6
<%# Eval("Key") %>
7
</HeaderTemplate>
8
<ContentTemplate>
9
<%# Eval("Value") %>
10
</ContentTemplate>
11
</ajaxToolkit:Accordion>
<ajaxToolkit:Accordion ID="Accordion_I" runat="server" HeaderCssClass="accordionHeader"2
ContentCssClass="accordionContent" AutoSize="None">3
<Panes>4
</Panes>5
<HeaderTemplate>6
<%# Eval("Key") %>7
</HeaderTemplate>8
<ContentTemplate> 9
<%# Eval("Value") %> 10
</ContentTemplate>11
</ajaxToolkit:Accordion>
头模板和内容模板设置绑定。
cs
后台绑定也很简单
假如要重数据库取得一个数据集进行绑定。
DataSet ds = rule.Select();//这里得到一个数据集
Dictionary<string, string> values = new Dictionary<string, string>();
for (int i=0; i < dt.Rows.Count; i++)
{
values[dt.Rows[i]["title"].ToString()] = dt.Rows[i]["contents"].ToString();
}
AccordionID.DataSource = values;
AccordionID.DataBind();
搞掂。


浙公网安备 33010602011771号