title: ASP.NET Show/Hide Sections in a Datagrid row
body: <p>I have a datagrid where each row has information on Employees in a company.
  I would like to allow each row the ability to show/hide extra information. My first idea was use the CollapsiblePanelExtender from the AJAX toolkit and have each row like this:</p>
  
  <pre><code>&lt;ajaxtoolkit:collapsiblepanelextender
       TargetControlID="panel2"&gt;
       ExpandControlID="LinkButton1"
       CollapseControlID="LinkButton1"&gt;
  &lt;/ajaxtoolkit:collapsiblepanelextender&gt;
  
  &lt;asp:panel&gt;
      FirstName | LastName | Phone | Email
      &lt;LinkButton1&gt;  &lt;- this hides/show extra info in panel2
  &lt;/asp:panel&gt;
  
  &lt;asp:panel2&gt;
       &lt;textbox ="FirstName"&gt;
       &lt;textbox ="LastName"&gt;
       &lt;textbox ="EmailName"&gt;
       ...
       ...lots of textboxes where information is assigned from the database.
  &lt;/asp:panel2&gt;
  </code></pre>
  
  <p>This works very well but it can be computationally expensive. The extra information panel has a lot of textboxes/labels, all of which gets its values from the database.
  Everytime the page loads all the data is got from the database at the start, some of it is hidden.</p>
  
  <p>Is there a better way to achieve my goal? Or is there a way to only load an employees extra details when the Show/Hide button is click?</p>
  
  <p>Thanks in advance!</p>