ASP.NET AJAX入门系列(2) Accordion控件

最新推荐文章于 2019-06-27 03:03:47 发布

转载最新推荐文章于 2019-06-27 03:03:47 发布 · 152 阅读

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/346387

本文介绍ASP.NET AJAX中的Accordion控件，该控件可帮助开发者轻松创建类似Outlook工具栏的功能，允许用户展开或隐藏页面元素。文章详细解释了Accordion的各项属性，包括SelectedIndex、HeaderCssClass等，并提供了Default.aspx的示例代码。

今天开始第一个控件:Accordion,Accordion 是一个可以让你在你的 Web 页面方便地开发类似 Outlook 工具栏的 ASP.Net AJAX 控件。它可以使得你的页面用户方便地展开或者关闭一系列页面元素的显示.

Defalult.aspx的代码如下:

Default.aspx

Accordion可设置的属性如下:

SelectedIndex - 当 Accordion 被初始化的 AccordionPane 页面 ID
HeaderCssClass - 每一个 AccordionPane 标题的 Css 样式。在开发中，我们可以在这里将每一个 AccordionPane 的标题默认 Css 样式设置与此，另外还可以为每一个 AccordionPane 单独指定其 Css 样式。
HeaderSelectedCssClass - 当某一个 AccordionPane 被选中的时候，其标题的 Css 样式。在开发中，我们可以在这里将每一个 AccordionPane 的标题默认 Css 样式设置与此，另外还可以为每一个 AccordionPane 单独指定其 Css 样式。
ContentCssClass - 每一个 AccordionPane 内容的 Css 样式。在开发中，我们可以在这里将每一个 AccordionPane 的标题默认 Css 样式设置与此，另外还可以为每一个 AccordionPane 单独指定其 Css 样式。
FadeTransitions - 如果设置为 True 那么在其选中的 AccordionPane 变化时将出现渐变的效果。
TransitionDuration - 用毫秒表示的渐变效果显示的时间。
AutoSize - 设置 Accordion 的显示和排版方式。

None - Accordion 在其展开或者折叠过程中，将根据它内部显示的内容自动尺寸的变化，不受到任何的条件限制。如果将 AutoSize 属性设置为 None 它将可能造成页面上的其它元素跟随 Accordion 的尺寸变化产生向上或者向下的移动。

Limit - 它将使得 Accordion 控件永远不能将它的尺寸扩展到规定的高度（Height）属性之外，如果将 AutoSize 属性设置为 Limit，可能会造成在某种情况下，它里面的内容需要通过滚动条来滚动。
Fill - 它将使得 Accordion 控件永远都保持在其高度（Height）属性规定的高度。