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>
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();
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();
搞掂。