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