AJAX Control Toolkit 中的 Accordion 控件可提供多個(gè)窗格，允許用戶每次顯示其中的一個(gè)。窗格通常只在頁面中聲明，但綁定到一個(gè)數(shù)據(jù)源會(huì)帶來更多的靈活性。
步驟：首先，我們需要一個(gè)數(shù)據(jù)源。本例使用AdventureWorks 數(shù)據(jù)庫(kù)和Microsoft SQL Server 2005 Express Edition。數(shù)據(jù)庫(kù)是Visual Studio 安裝（包括Express 版）的一個(gè)可選組件，也可以在這里單獨(dú)下載得到：http://go.microsoft.com/fwlink/?LinkId=64064 。AdventureWorks 數(shù)據(jù)庫(kù)是SQL Server 2005 Samples 和 Sample Databases（在此處下載：http://www.microsoft.com/downloads/details.aspx?FamilyID=e719ecf7-9f46-4312-af89-6ad8702e4e6e&DisplayLang=en ）的一部分。配置該數(shù)據(jù)庫(kù)的最簡(jiǎn)單的方法是，使用Microsoft SQL Server Management Studio Express (http://www.microsoft.com/downloads/details.aspx?FamilyID=c243a5ae-4bd1-4e3d-94b8-5a0f62bf7796&DisplayLang=en) ，附加 AdventureWorks.mdf數(shù)據(jù)庫(kù)文件。對(duì)于本例，我們假定SQL Server 2005 Express Edition的實(shí)例稱作SQLEXPRESS，該實(shí)例與Web 服務(wù)器駐留在同一機(jī)器上，這也是缺省設(shè)置。如果您的設(shè)置與此不同，您就得相應(yīng)地更改數(shù)據(jù)庫(kù)的連接信息了。
為了激活A(yù)SP.NET AJAX 和 Control Toolkit 的功能，必須將ScriptManager控件放置于頁面中某處（可放于任何地方，但必須在
然后，將一個(gè)數(shù)據(jù)源添加到該頁面。為了使用一個(gè)有限的數(shù)據(jù)量，我們只選擇AdventureWorks 數(shù)據(jù)庫(kù)的Vendor 表中的前五條記錄。如果使用Visual Studio Assistant 來創(chuàng)建該數(shù)據(jù)源，請(qǐng)注意其當(dāng)前版本中存在一個(gè)缺陷，那就是，表名(Vendor)前沒有加上Purchasing前綴。下面的標(biāo)記語句才是正確的：
記住該數(shù)據(jù)源的名稱(ID)。在 Accordion 控件的DataSourceID屬性中要使用的正是這個(gè)標(biāo)識(shí)：
在Accordion 控件中，您可以提供控件的各個(gè)部分的模板，包括標(biāo)題部分的模板(
在加載頁面時(shí)，必須將數(shù)據(jù)源綁定到Accordion 控件，通過以下服務(wù)器端代碼實(shí)現(xiàn)之：
在本例最后，需要定義兩個(gè)CSS 類，Accordion 控件將引用這兩個(gè)類（在該控件的HeaderCssClass和ContentCssClass 屬性中引用）。將如下標(biāo)記放入頁面的區(qū)域：
Accordion 控件中的數(shù)據(jù)直接來自數(shù)據(jù)源
喜歡 
頂
難過
囧
圍觀
無聊
