Ajax Control Toolkit——Accordion(折叠效果)

Accordion中文有可折叠的意思，这样说来有点抽像，看效果要具体明了得多。在没有接触Ajax Accordion之前，

使用jQuery实现过相同的效果，代码如下：(以下是jQuery中的Slideup方法)

    
什么是jQuery?

    

        jQuery is a JavaScript Library    

Accordion>>

1.一个最简单的Accordion

 1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Accordion.aspx.cs" Inherits="_Default" %>
 2 
 3 <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
 4 
DTD/xhtml1-transitional.dtd">
 5 
 6 
 7     
 8     
47 
48 
49     

50     

51      
52         
53         54             HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent">
55             
56                 
57                     

58                         Pane 1

59                     
60                         This is some Text
61                 
62                 
63                     

64                         Pane2

65                     
66                         This is some text in Panel 2
67                 
68                 
69                     

70                         Panel 3

71                     
72                         this is some Text in Panel 3
73                 
74             
75      
76     

77     

78 
79 
该控件的还可以绑定数据源作为，将如上代码改用绑定数据源：
 1         
ConnectionString="<%$ ConnectionStrings:ASPDemoConnectionString %>"
 2             SelectCommand="SELECT * FROM [tbArticle]">
 3         
 4         
 5          6             HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
 7             DataSourceID="SqlDS1">
 8                       
 9                 
10                 <%#Eval("Title") %>
11             
12             
13                 
14                 <%#Eval("Contents") %>
15             
16         
17     
当然也可以在处理代码中使用DataSource为控件指定数据源，以上示例可能是叫可能常用到的，若想较为深入的了解该控件的一些特性你可以参看http://www.asp.net/ajaxlibrary/act_Accordion_Reference.ashx，不过都是英文的有几个我自己看得也不是太懂，其中几个关于控件CSS的属性我觉得是必不可少的，SelectedIndex默认值为0，就是展开第一个标签，其它常用属性在代码中很明了了。
由于本人自身也是刚开始学习（@http://www.asp.net/ajaxlibrary/act_tutorials.ashx），这里仅仅是对学习成果的巩固记忆。