Comment développer/réduire un GridView imbriqué dans un élément div tout en cliquant sur un ImageButton?

Question

Pour le code suivant

<asp:GridView runat="server" ID="gvCustomers" ... 
... 
<Columns> 
    <asp:TemplateField> 
    <HeaderTemplate> 
    </HeaderTemplate> 
    <ItemTemplate> 
     <asp:ImageButton runat="server" ID="ITimgExpand" ImageUrl="~/Images/Common/expand.gif" CommandName="Select" /> 
    </ItemTemplate> 
    </asp:TemplateField> 
    ... 
    <asp:TemplateField> 
    <ItemTemplate> 
     </td></tr> 
     <tr> 
      <td colspan="3"> 
       <div id="document_<%# Eval("RENTER_ID") %>" style="margin:10; display: none; position: relative"> 
        <asp:GridView ID="gvDocuments" runat="server" ... 
        ... 

Comment peut-on ouvrir/fermer div qui comprend GridView imbriqué en cliquant ITimgExpand ImageButton?

Answer 1

L'utilisation peut utiliser la fonction de masquage Jquery pour ce faire.

http://jqueryui.com/demos/hide/#default

Answer 2

Ajouter la fonction javascript suivante:

function togglePanel(divId){ 
    if (document.getElementById){ 
    var container = document.getElementById(divId); 
    if (container.style.display =='none'){ 
     container.style.display = 'block';  
    }else{ 
     container.style.display ='none'; 
    }  
    } 
} 

Testez ensuite votre ImageButton appeler la fonction qui passe l'ID du

<asp:imagebutton id="ImgBtn" runat="server" onclientclick="togglePanel('document_<%# Eval("RENTER_ID") %>')" />