Home > DeveloperSection > Forums > Show/Hide Sections in a Datagrid row
Ankit Singh

Total Post:341

Posted on    August-27-2014 1:28 AM


 1 Reply(s)
 896  View(s)
Rate this:

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:







    FirstName | LastName | Phone | Email

    <LinkButton1>  <- this hides/show extra info in panel2



     <textbox ="FirstName">

     <textbox ="LastName">

     <textbox ="EmailName">


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.

Sumit Kesarwani

Total Post:378

Posted on    August-27-2014 2:50 AM

Hi Ankit, 

GridViewRow row = ((GridViewRow)((ImageButton)sender).NamingContainer);

//NamingContainer return the container that the control sits in

DataKey key = ((GridView)row.NamingContainer).DataKeys[row.RowIndex];

//Retrieve data with a server method. It can be with wathever you want, I use an ArrayList

ArrayList AL=Domain.GetCustomerData(key[0].ToString());

//Fill controls with data,

LblDate.Text = AL[0].ToString();

dLectHidro.Value = AL[1].ToString();

idLectHL.Value = AL[2].ToString();

LblEstacion.Text = HttpUtility.HtmlDecode(AL[3].ToString());

TxtLluvia.Text = HttpUtility.HtmlDecode(AL[4].ToString());

TxtLluvia1.Text = HttpUtility.HtmlDecode(AL[5].ToString());

//Show the popup


Don't want to miss updates? Please click the below button!

Follow MindStick