第十二篇: Ajax Control Toolkit 控件包--1. Accordion (多层折叠效果）

1. 新建 Web窗体：Accordion.aspx
2. 添加一个 ScriptManager 控件
3. 添加一个 Accordion 控件 (注意：拖动 Accordion 控件到窗体中时，窗体是什么也显示的，只在源码里增加代码）
Code

4. 在 <cc1:Accordion ID="Accordion1" runat="server"></cc1:Accordion> 中添加 <Panes></Panes>

5. 在 <Panes></Panes> 中拖几个AccordionPane进去（你需要几层就拖几个）
Code

6. 给 AccordionPanel 添加代码:
Code

7. OK,运行，已经可以用了，只是没有边框和顔色。


8. 现在要做的就是给标题加上边框的顔色。
    ① 打开 Accordion1 属性面板,设置大小, Height(300px) , Width(200px)
    ② 设置标题样式, HeaderCssClass(accordionHeader)
    ③ 设置内容样式, ContentCssClass(accordionContant)

8. 新建样式。
Code

9. OK,试试看吧 ！！！
posted @ 2008-01-25 10:24  一浩瀚星空一  阅读(237)  评论(0)  编辑  收藏  举报