AJAX Accordion多个开放式面板

时间:2011-10-26 15:52:47

标签: asp.net ajax accordion

有没有办法在AJAX手风琴控件上有两个或更多的开放式窗格?该页面默认为两个窗格都打开,用户可以根据需要关闭窗格。

3 个答案:

答案 0 :(得分:3)

根据AJAX Control Toolkit description page

  

Accordion是一个Web控件,允许您提供多个   窗格并一次显示一个

所以,对你的问题没有答案。您可以使用Collapsible Panels,这是Accordion控件的组成部分。您可以同时拥有多个可见的实例。

答案 1 :(得分:1)

使用转发器控件。

内置中继器,使用手风琴。

我想要相反的功能,在修复某人的代码时发现了这一点。

答案 2 :(得分:1)

首先,您需要使用此脚本:

function ToggleAccordionPane(paneno) {

         $find('MyAccordion_AccordionExtender')._changeSelectedIndex(-1);
        if( $find('MyAccordion_AccordionExtender').get_Pane(paneno).content.style.display == "block") {
            $find('MyAccordion_AccordionExtender').get_Pane(paneno).content.style.display = "none";
            $find('MyAccordion_AccordionExtender')._changeSelectedIndex(paneno);
        }
        else {

         $find('MyAccordion_AccordionExtender').get_Pane(paneno).content.style.display = "block";
     }

     return false;
     }

然后,修改第一个标题:

<Header><a href="" class="accordionLink" onclick="ToggleAccordionPane(0);">1. Accordion</a></Header>

对于第二和第三个窗格:

<Header><a href="" class="accordionLink"  onclick="ToggleAccordionPane(1);">2. AutoSize</a></Header>

<Header><a href="" class="accordionLink" onclick="ToggleAccordionPane(2);" >3. Control or Extender</a></Header>

来源: http://www.c-sharpcorner.com/uploadfile/Zhenia/keeping-multiple-panes-open-in-accordion-web-control/