Hi there, 

I need to change the content of a Panel whenever user clicks on one of the AccordionPane Header.

Are there any events fired whenever one of the AccordinPane Expands or Collapse ? 

 ----In more detailed

 I have Accordin Control on the left of the screen with 3 elements (School, Collage, University), On the right I have a big Details Panel(Yellow one). The content of the this DetailsPanel should change based on which AccordinPane is currently Expanded.

 
Thankyou,

Kishore. 

Hi Ted !

I couldn't catch it using AccordionBehavior and selectedIndex but with the following it work's

function accSelectedChange(sender, eventArgs) {

if (eventArgs.get_propertyName() == "SelectedIndex")

{

alert(sender.get_ClientState());

}

}

function pageLoad() {

$object('accObjekt_AccordionProperties').propertyChanged.add(accSelectedChange);

Thankyou Ted and mc24,

I'm trying to use the following code to set the propertyChanged event handler in the Ajax Control Toolkit sample and it isn't working.

 Can someone please tell me what I'm doing wrong?

 Thanx,

John P. Grieb

Figured it out.

Instead of:

             behavior.propertyChanged.add()

You need to use:

             behavior.add_propertyChanged()

 John

If you don't want to do it in Javascript, I can show you how in C#.  Just let me know.

 Brenda

brendalisa:

If you don't want to do it in Javascript, I can show you how in C#.  Just let me know.

 Brenda

I would like to see how that works :) If you don't mind.

John Grieb:

$find("ctl00_ContentPlaceHolder1_MyAccordion_AccordionExtender");
 

 Im trying to accomplish something similar but with a CollapsiblePanelExtender. Named MyCollapsiblePanelExtender.

Im confused at the makup of the quoted line. is ctl00 the ID of the control? is AccordionExtender the control type?

 a little more detail into how you created the line ctl00_ContentPlaceHolder1_MyAccordion_AccordionExtender would be helpful.

mthomlins:

John Grieb:

$find("ctl00_ContentPlaceHolder1_MyAccordion_AccordionExtender");
 

 Im trying to accomplish something similar but with a CollapsiblePanelExtender. Named MyCollapsiblePanelExtender.

Im confused at the makup of the quoted line. is ctl00 the ID of the control? is AccordionExtender the control type?

 a little more detail into how you created the line ctl00_ContentPlaceHolder1_MyAccordion_AccordionExtender would be helpful.

Answer to my own question.

ctl00_ is added to various Components at Run-Time... During your testing phase run your page and view the source, within the source you will notice the addition of the ctl00_ if you are using a master page. If you are not using a master page i would gather that this is not added.

The Code posted above is out of date.... Try this instead (Mine is on a CollapsiblePanelExtender)

I am trying to setup the event like this:

function pageLoad() {
document.getElementById('<%= MyAccordion.ClientID %>').add_propertyChanged(accSelectedChange);
}

But I get the following errror:

Object Doesn't Support This Property Or Method

 Any ideas why? 

I've been trying for 2 days to find a way to get this to work. I sure hope someone can help us.

Thanks ... Ed

Hi,

The reason that it doesn't work is because the Accordion control is actually a wrapper for the AccordionExtender, so the ClientID of the element is not the same thing as the ClientID of the behavior. Unfortunately, the ClientID of the underlying Extender is not exposed through the Accordion class, but you can obtain its value by appending _AccordionExtender to the ClientID like so:

ClientScript.RegisterArrayDeclaration("arrAccordionBehaviors", "'" + this.accControl.ClientID + "_AccordionExtender'");

Now you can reference the behaviors array like so:

for (var j = 0; j < arrAccordionBehaviors.length; j++)      {

var bh = $find(arrAccordionBehaviors[j]);

if (!bh)  continue;

try   {

bh.add_propertyChanged(accordionChange);

} catch (e) {

alert(e.message)

};

}

Hope that helps!

-Sabrina V