Accordion分组菜单折叠未实现数据库动态绑定功能.docVIP

Accordion控件 Accordion控件是用来实现菜单折叠效果的控件，它常用的做导航菜单和分组数据的展示等，如QQ、MSN等面板效果都可以用Accordion控件来实现。 它是AJAX ControlToolkit中独立的控件。 语法： cc1:Accordion ID=Accordion1 runat=server SelectedIndex=0 HeaderCssClass=header ContentCssClass=content AutoSize=None FadeTransitions=true TransitionDuration=500 FramesPerSecond=25 DataSourceID=myDataSoruce Panes cc1:AccordionPane ID=AccordionPane1 runat=server Header/Header Content/Content /cc1:AccordionPane /Panes HeaderTemplate/HeaderTemplate ContentTemplate/ContentTemplate /cc1:Accordion 1 SelectedIndex：表示默认选择的面板的索引。索引从0开始。 2 HeaderCssClass：表示整个菜单的标题样式。 3 ContentCssClass：表示整个菜单的内容样式。 4 AutoSize：表示Accordion内容的显示方式。主要有None、Limit、Fill三种。None表示可以被无限的拉伸和收缩。 5 FadeTransitions：在切换当前展开AccordionPane面板时，是否带有淡入淡出效果。6 TransitionDuration：展开/折叠一个AccordionPane面板的过程所花费的时间，单位为毫秒。 7 FramesPerSecond：播放展开/折叠AccordionPane面板动画的每秒钟帧数。 8 DataSourceID：页面中某个DataSource控件的ID，用于通过数据绑定自动生成AccordionPane面板。 9 Panes：Panes是否Accordion控件的内容的在，它里面只能包括AccordionPane控件，可以有多个Panes和AccordionPane。Heade定义AccordionPane的标题，Content定义AccordionPane的内容。 10 HeaderTemplate：Accordion的标题模板。 11 ContentTemplate：Accordion的内容模板。 实现如下静态菜单效果： %@ Page Language=C# AutoEventWireup=true CodeFile=Default.aspx.cs Inherits=_Default % %@ Register Assembly=AjaxControlToolkit Namespace=AjaxControlToolkit TagPrefix=cc1 % !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN /TR/xhtml11/DTD/xhtml11.dtd html xmlns=/1999/xhtml head runat=server titleAccordion/title style type=text/css .headerBg{ cursor:hand; width:160px; height:28px; color:#ffffff; font-weight:bold; background-image:url(menu.bmp); line-height:28px; } .contextBg{