Server side evaluation of Gridview Data

Following is a screen for evaluating the GridView data on server side. Based on the data we can set the content/status of the controls. As shown below, the three columns for the user name, a CheckBox for male
or not male, and a dot that is either a green or a red image depending on whether the user is active or inactive are set at the server side.



Following is the structure of sample data table with the columns UserName, Ismale and IsActive which are string, Boolean and Boolean data respectively.

//Creation of static datatable

DataTable dt =
new DataTable();

dt.Columns.Add("UserName",
typeof(string));

dt.Columns.Add("IsMale",
typeof(bool));

dt.Columns.Add("IsActive",
typeof(Boolean));

Following is the sample data for the above datatable which we will bind to the GridView at server side.

dt.Rows.Add("Dharmedra",
"true", "true");

dt.Rows.Add("Katrina",
"false", "true");

dt.Rows.Add("Sunny",
"true", "false");

dt.Rows.Add("Baba ramdev",
"true", "true");

dt.Rows.Add("Sanjay dutt",
"true", "false");

dt.Rows.Add("Kareena kapoor",
"false", "false");

Following is the way we bind the datatable to the GridView:

//Binding static datatable to the grid view

dgv.DataSource = dt;

dgv.DataBind();

Now the main task we have to do is server side evaluation of the datatable bound to the GridView.

Following is the GridView we created using aspx page. The lines highlighted with yellow color are the controls used in the itemtemplate section GridView control. These three controls will be accessed at the server side and data will be evaluated at the server
side.

<asp:GridView
ID="dgv"
runat="server" AllowPaging="True"
AllowSorting="True"
AutoGenerateColumns="False"

CssClass="GridViewStyle"
GridLines="None"
Width="100%" OnRowDataBound="dgv_RowDataBound">

<Columns>

<asp:TemplateField
HeaderText="Name">

<HeaderTemplate>

<table
width="100%"
border="0" cellspacing="0"
cellpadding="0">

<tr
align="center">

<th
align="left"
width="60%">

<asp:Label
runat="server"
ID="Label1" Text='User Name'></asp:Label>

</th>

<th
align="center"
width="20%">

<asp:Label
runat="server"
ID="Label2" Text='Is Male?'></asp:Label>

</th>

<th
align="center"
width="20%">

<asp:Label
runat="server"
ID="Label3" Text='Is Active?'></asp:Label>

</th>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<table
width="100%"
border="0" cellspacing="0"
cellpadding="0">

<tr>

<td
align="left"
width="60%">

<asp:Label
runat="server"
ID="lbluser" ></asp:Label>

</td>

<td
align="center"
width="20%">

<asp:CheckBox
runat="server"
ID="chk"></asp:CheckBox>

</td>

<td
align="center"
width="20%">

<asp:Image
runat="server"
ID="imgCtrl" />

</td>

</tr>

</table>

</ItemTemplate>

</asp:TemplateField>

</Columns>

<RowStyle
CssClass="RowStyle"
/>

<EmptyDataRowStyle
CssClass="EmptyRowStyle"
/>

<PagerStyle
CssClass="PagerStyle"
/>

<SelectedRowStyle
CssClass="SelectedRowStyle"
/>

<HeaderStyle
CssClass="HeaderStyle"
/>

<EditRowStyle
CssClass="EditRowStyle"
/>

<AlternatingRowStyle
CssClass="AltRowStyle"
/>

</asp:GridView>

Following is the RowDataBound event that evaluates each row of data table and will bind it to the row of the GridView.

protected
void dgv_RowDataBound(object sender,
GridViewRowEventArgs e)

{

if (e.Row.RowType ==
DataControlRowType.DataRow)

{

Label lbluser = ((Label)e.Row.FindControl("lbluser"));

CheckBox chk = ((CheckBox)e.Row.FindControl("chk"));

Image imgCtrl = ((Image)e.Row.FindControl("imgCtrl"));

lbluser.Text = Convert.ToString(DataBinder.Eval(e.Row.DataItem,
"UserName"));

chk.Checked= Convert.ToBoolean(DataBinder.Eval(e.Row.DataItem,
"IsMale"));

imgCtrl.ImageUrl = (Convert.ToBoolean(DataBinder.Eval(e.Row.DataItem,
"IsActive")) ? "~/Images/Green.png" :
"~/Images/Red.png");

}

}

In the above section e.Row gives the current row of the GridView and the FindControl() method takes control name as parameter and find and return the instance of the control. After this we can use the instance of the control to set the properties. In a similar
manner all the controls in the GridView row can be accessed and can be set as desired based on the data of the datatable bound to the GridView.