AJXA控件示例之 Accordion

从现在开始来对ＡＪＡＸ的学习教程，这里完全是出于自已的爱好，和自己对技术的不断的追求与渴望；希望在学习的

过程中有什么错的地方请朋友多提出你们宝贵的看法，我会听从你的，在以后的学习过程加以改正；在这里向你们说一声

谢谢了；有你们的支持是我学习的最大的动力；

好了不多说费话了，现在开始教程的学习；

Accordion控件是一个很简单很让我们上手的控件，先来看看最终的运行效果吧？

单击体育是就可以显示出来；

单击＂新闻＂这时就可以显示出＂新闻＂的内容

效果图完了，现在来看看代码吧：

<AjaxControlToolkit:Accordion ID="Accordion1" runat="server" 
        TransitionDuration="20" BorderStyle="Groove" SuppressHeaderPostbacks="false"
         BackColor="AliceBlue" Height="20" HeaderCssClass="#ffaacc">
         
         <Panes>
         <AjaxControlToolkit:AccordionPane runat="server">
         <Header><a href="#">新闻</a></Header>
         <Content>
         最近刚刚开始接触PB程序的开发,感觉PB对数据库的操作还是蛮灵活的。
         为此在该方面的一些知识与大家分享,希望能够共同学习讨论。以下为正文：  
             在Powerbuilder中，当Datawindow所显示的数据超过一个数据窗口时，
             常常通过单击滚动条控件使Datawindow中的容上下滚动，这样有时带来许多...  
             </Content>
         </AjaxControlToolkit:AccordionPane>
         </Panes>
         <Panes>
         <AjaxControlToolkit:AccordionPane runat="server" >
         <Header>
         <a  href="#">体育</a>
         </Header>
         <Content>最近刚刚开始接触PB程序的开发,感觉PB对数据库的操作还是蛮灵活的。
         为此在该方面的一些知识与大家分享,希望能够共同学习讨论。以下为正文：     
          在Powerbuilder中，当Datawindow所显示的数据超过一个数据窗口时，
          常常通过单击滚动条控件使Datawindow中的容上下滚动，这样有时带来许多... 
           </Content>
         </AjaxControlToolkit:AccordionPane>
         </Panes>
          <Panes>
         <AjaxControlToolkit:AccordionPane ID="AccordionPane1" runat="server" >
         <Header>
         <a  href="#">体育</a>
         </Header>
         <Content>最近刚刚开始接触PB程序的开发,感觉PB对数据库的操作还是蛮灵活的。
         为此在该方面的一些知识与大家分享,希望能够共同学习讨论。以下为正文：      
         在Powerbuilder中，当Datawindow所显示的数据超过一个数据窗口时，常常通过单击滚
         动条控件使Datawindow中的容上下滚动，这样有时带来许多...  
         </Content>
         </AjaxControlToolkit:AccordionPane>
         </Panes>
          <Panes>
         <AjaxControlToolkit:AccordionPane ID="AccordionPane2" runat="server" >
         <Header>
         <a  href="#">体育</a>
         </Header>
         <Content>最近刚刚开始接触PB程序的开发,感觉PB对数据库的操作还是蛮灵活的。
         为此在该方面的一些知识与大家分享,希望能够共同学习讨论。以下为正文：      
         在Powerbuilder中，当Datawindow所显示的数据超过一个数据窗口时，
         常常通过单击滚动条控件使Datawindow中的容上下滚动，这样有时带来许多... 
          </Content>
         </AjaxControlToolkit:AccordionPane>
         </Panes>
        </AjaxControlToolkit:Accordion>

在这里就不能代码更多的说明了，相信大家都能理解的吧；

就是把Accordion控件拉到UpdatePane中，在到Accordion中找到一个节点Pane就可以，接着在Pane下

找到AccordionPane这个节点，现在就可以借他下的Header,Content一个是头，一个是内容

格式如下：
     <AjaxControlToolkit:Accordion>
        <Panes>
        <AjaxControlToolkit:AccordionPane>
        <Header>-------</Header>
        <Content>-------</Content>
        </AjaxControlToolkit:AccordionPane>
        </Panes>
        </AjaxControlToolkit:Accordion>

对于它们里的属性是什么意思，大家下来可以对他们一一看看就可ＯＫ了，没有什么难的哟：

好了就写到这里吗？