Water for asp.net 之十二：Accordion控件

 

source code address：water source

demo address:water demo

blogs address:water bolgs

 这几天为water添加了Accordion控件，先上界面看看效果：

Accordion功能简介：

 

1. 支持HierarchicalDataSource 数据绑定
2. 支持显示单菜单(如：图1)和多菜单(如：图2)
3. 可以显示嵌套菜单(如：图3).理论上可以无限级显示，但不建议这么做（可以用带有Ajax动态加载），一般Accordion显示的内容并不多
4. 可对页菜单和父菜单设置TextFormatString和fNavigateUrlFormatString
5. 支持多种打开菜单事件(click默认)，可通Event属性任意设置
6. 配置非常简单

一下是上图对应的代码： 

 

 

<page:Accordion ID="Accordion2" runat="server" DataSourceID="ObjectHierarchicalDataSource2" 
                    TextField="name" 
                    ValueField="id"
                    NavigateUrlFormatString="javascript:alert('{0}')"
                    Target="_self"
                    DisplayOnlyOne="true"
                    Height="600px"
                    >
</page:Accordion>