AJAX Accordion - Getting the Currently Collapsed/Selected/Viewed Panel

Question

0.00/5 (No votes)

See more:

VS2008

, +

Hello guys. I just want to ask, how to know the selectedIndex of an Ajax Accordion. I looked all over the web and found no luck in getting the answer. I was able to find some that suggested the use of jQuery but unfortunately i'm not so knowledgeable of it. Please help me. Thanks guys.

Posted 25-Aug-12 9:28am

gaga blues

Add a Solution

Comments

Zoltán Zörgő 25-Aug-12 15:40pm

There are several Ajax accordion libraries out there. Please post at least the link, where you got yours.

Brandon Caruana 25-Aug-12 15:41pm

what ajax accordion menu are you using? please post code

gaga blues 25-Aug-12 15:47pm

asp:Accordion ID="Accordion1" CssClass="accordion" HeaderCssClass="accordionHeader" TransitionDuration="100"
FramesPerSecond="200" HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent" runat="server"
FadeTransitions="true" RequireOpenedPane="false" Width="320px" AutoSize="None" >
<Panes>
<Header>
Acc1
</Header>
<content>
Hello!!

<Header>
Acc2
</Header>
<content>
Bye!!

</Panes>

I used Ajax Extender for the Accordion and the Accordion Pane.

gaga blues 25-Aug-12 15:52pm

I dont know but the tag < Content > is not showing in my comment. But i enclosed both Hello!! and Bye!! with < Content > AND < / Content >

2 solutions

Solution 1

Have you looked at this?

http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/Accordion/Accordion.aspx[^]

Essentially you should be able to see you selected index server side like this

VB

Accordion1.SelectedIndex

Posted 25-Aug-12 10:05am

Brandon Caruana

Comments

gaga blues 26-Aug-12 22:45pm

Thanks! I'll go read and try this. THanks

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

**Zoltán Zörgő** · Accepted Answer · 2012-08-25T10:09:00

Solution 2

What about SelectedIndexChanged event? See: http://stackoverflow.com/questions/3980784/catch-selectedindexchanged-event-of-accordion-control-in-asp-net-ajaxtoolkit[^]

Posted 25-Aug-12 10:09am

Zoltán Zörgő

Comments

gaga blues 26-Aug-12 22:42pm

Thanks! I'll go try this one out. :)

gaga blues 3-Sep-12 22:38pm

I tried this but i'm a noob in using this code:

function pageLoad()
{
$find("accordionBehaviorID").add_selectedIndexChanged(
accordion_selectedIndexChanged);
}

function accordion_selectedIndexChanged(sender, args)
{
var oldIndex = args.get_oldIndex();
var newIndex = args.get_selectedIndex();

// Do something.
}

I put a line break then execute my C# website but the break wasnt triggered. Please tell me how to use the code above. Its a client-side selectedIndexChanged event