Gridview com efeito "sanfona"

Question

Boa Tarde a todos,

Gostaria de saber se é possível e caso seja COMO posso colocar no gridview um efeito "sanfona", algo como o efeito do accordion 

http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/Accordion/Accordion.aspx

Estou pegando do banco dois tipo de dados, um representa o cliente e outro os seus dependentes, gostaria de mostrar o cliente com uma determinada cor de linha e ao clicar abrir as linhas referentes aos dependentes!

Obrigado!

---

André Luis Barbosa MSN: [e-mail] gTalk: [e-mail]

Answer 1

Andre,

Aqui no fórum talvez você encontre exemplos sobre esta sua duvida, não me recordo agora quais são os threads. Na internet existe diversos tutorias, caso você venha procurar por "expand gridview" vai achar diversos, como estes:

http://www.codeproject.com/Articles/160773/Expandable-Rows-in-GridView
http://www.codeproject.com/Articles/29436/Expandable-panel-inside-a-GridView

---

Vitor Mendes | Seu feedback é muito importante para todos!
Visite o meu site: http://www.vitormendes.com.br/

Answer 2

Olá Andre,

Vou mover sua thread para o fórum de desenvolvimento web.

[]s!

---

MSc. Fernando Henrique Inocêncio Borba Ferreira
Microsoft MVP - Visual C#
while(alive){ this.WriteCode(); }
Blog: http://ferhenriquef.com/
Twitter: @ferhenrique
Entity Framework - Brasil: https://www.facebook.com/EntityFrameworkBrasil

Answer 3

serve assim?

http://www.aspsnippets.com/Articles/Gridview-inside-Gridview-in-ASPNet-using-C-and-VBNet.aspx

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
    $("[src*=plus]").live("click", function () {
        $(this).closest("tr").after("<tr><td></td><td colspan = '999'>" + $(this).next().html() + "</td></tr>")
        $(this).attr("src", "images/minus.png");
    });
    $("[src*=minus]").live("click", function () {
        $(this).attr("src", "images/plus.png");
        $(this).closest("tr").next().remove();
    });
</script>

bom é que usa Jquery...

Caso não seja útil assim tenho outros exemplos, segue:

http://www.codeproject.com/KB/webforms/GridViewExpandCollapse.aspx

http://www.codeproject.com/Articles/37852/Expanding-Collapsing-GridView-Columns-with-Smooth

http://www.codeproject.com/Articles/25858/Expanding-Collapsing-GridView-Rows

http://www.codeproject.com/aspnet/extgridview.asphttp://www.progtalk.com/viewarticle.aspx?articleid=1

Espero que tenha sido útil.

---

Aprendendo Ad Eternum Se minha resposta foi útil por favor marque, se minha resposta respondeu completamente sua dúvida, marque-a como resposta, se houve outra resposta melhor, marque ela. Assim facilita a busca e melhora a organização do fórum e o nosso aprendizado.