Using Ajax Control: accordion or collapsible panel with gridview

Question

0.00/5 (No votes)

See more:

Hello all,

I don't know if it is possible to do this or not, but I am open to new suggestions as well.

What I am trying to accomplish is;

I have a gridview and it returns X amouth of row. X may change depending on the data pulled from the db. I want each row to appear like a collapsible panel or a pane of a accordion ajax control. Is it possible to do this or something similar on the fly like adding the panes of the accordian dynamically?

If you can provide me some code, tutorial, or links.. I will be glad. Thanks.

Posted 6-Apr-11 10:39am

Orcun Iyigun

Updated 6-Apr-11 13:53pm

v3

Add a Solution

2 solutions

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)

Ramu Sangabathula Original · Answer 1 · 2011-04-06T14:53:00

Solution 1

keep the grid view in a panel with scroll bars enabled, and did you try using ajaxtoolkit CollapsiblePanelExtender. It takes the id of the panel which we have to toggle,

<ajaxtoolkit:collapsiblepanelextender id="collapsible" targetcontrolid="IdPanelToCollapse" .....="" xmlns:ajaxtoolkit="#unknown"></ajaxtoolkit:collapsiblepanelextender>

Posted 6-Apr-11 14:53pm

Ramu Sangabathula Original

Updated 6-Apr-11 14:54pm

v2

Comments

Orcun Iyigun 6-Apr-11 21:00pm

Well wont that collapse all the gridview instead of row by row?

Ramu Sangabathula Original 6-Apr-11 23:11pm

you mean to say..., you have gridview in side a gridview? if that is the case, check this link http://forums.asp.net/t/1294904.aspx/1

Orcun Iyigun 8-Apr-11 15:09pm

Thanks for your help though I found the solution. explained in the answer below.

Ramu Sangabathula Original 8-Apr-11 19:22pm

I am glad that you found solution, but i have a question, you said for each list item you create a pane, i don't know but.., the purpose of accordian is to group similar items to one group. but should be fine as long as you know what you are doing.

**Orcun Iyigun** · Answer 2 · 2011-04-07T11:31:00

Solution 2

Ok so I found the solution by adding the panes dynamically. I read all the rows of the gridview and insert each row to a list. So for each list item I create a pane. Referance for dynamically adding the panes is in this link[^]

Posted 7-Apr-11 11:31am

Orcun Iyigun