Ajax控件学习(二)

最新推荐文章于 2025-08-16 06:08:09 发布

WaterShuiMiao

最新推荐文章于 2025-08-16 06:08:09 发布

阅读量520

点赞数

分类专栏： .net学习文章标签： ajax header server css asp

.net学习专栏收录该内容

22 篇文章

订阅专栏

本文介绍了如何使用Ajax Accordion控件实现折叠显示效果。详细解释了控件的基本用法和关键属性，如：AutoSize、FadeTransitions、TransitionDuration等，并提供了示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

从今天开始学习Ajax控件的使用
那就按顺序来吧，先是Accordion控件
Accordion是折叠式显示的控件，其用法和属性如下：

【用法】
   <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
<cc1:Accordion runat="server" SelectedIndex="0" FadeTransitions="true" FramesPerSecond="40" TransitionDuration="250" AutoSize="none">
        <Panes>
            <cc1:AccordionPane runat="server" >
            <Header>
              1.栏目1
            </Header>
            <Content>
           这里是栏目1
            </Content>
            </cc1:AccordionPane>
            <cc1:AccordionPane runat="server" >
            <Header>
            2.栏目2
            </Header>
            <Content>
             这里是栏目2
            </Content>
            </cc1:AccordionPane>
            </Panes>
        </cc1:Accordion>

【属性】
AccessKey 该控件使用的键盘快捷键。

AutoSize属性：一共有三个
1.None：Accordion的缩放没有限制，选择此种缩放效果，可能造成其他网页元素被向上或者向下推挤。
2.Limit：Accordion的伸展被限制，不能超过指定的Height属性。若是所有的內容超过所能显示的范围，则会出现卷轴供使用。
3.Fill：Accordion 固定以Height属性值作为展开的大小依据，这个选项将导致内容被适度的缩放至指定大小。

FadeTransitions属性：
当值为True时，则使用淡入淡出的转化效果；当值为False时，则使用标准的转化效果。

TransitionDuration属性：
设定转换的时间(或速度)。数值越小，转换越快；数值越大，转换越慢。
FramePerSecond属性：每秒的帧数。
HeaderCssClass属性:设定Pane中header的css样式。
ContentCssClass属性：设定Pane中Content的css样式。

RequireOpenedPane属性：当单击控件的Pane中的header时，是否关闭打开的Pane。当值为True时，则不关闭该Pane;当值为False时，则关闭该Pane。

SuppressHeaderPostBacks属性：当在客户端单击控件的Pane中的header中的元素时，是否阻止其进行回传。当值为True时，则阻止其回传；当值为False时，则不阻止其回传。