Articles → ASP .NET GRIDVIEW → Control Control-Ids of data fields inside gridview using ClientIdRowSuffix

Control Control-Ids of data fields inside gridview using

ClientIdRowSuffix






To illustrate





Click to Enlarge



<asp:GridView runat="server" ID="gvTest" AutoGenerateColumns="false">
	<Columns>
		<asp:TemplateField HeaderText="Task Id">
			<ItemTemplate>
				<asp:Label ID="lblTaskId" runat="server" Text='<%#Eval("TaskId") %>'>
				</asp:Label>
			</ItemTemplate>
		</asp:TemplateField>
		<asp:TemplateField HeaderText="Task Name">
			<ItemTemplate>
				<asp:Label ID="lblTaskName" runat="server" Text='<%#Eval("TaskName") %>'>
				</asp:Label>
			</ItemTemplate>
		</asp:TemplateField>
		<asp:TemplateField HeaderText="Date of Completion">
			<ItemTemplate>
				<asp:Label ID="lblDateOfCompletion" runat="server" Text='<%#Eval("DateOfCompletion") %>'>
				</asp:Label>
			</ItemTemplate>
		</asp:TemplateField>
	</Columns>
</asp:GridView>




DataSet ds = new DataSet();
using(SqlConnection conn = new SqlConnection(@"connection_string")) {
  conn.Open();
  using(SqlDataAdapter adapter = new SqlDataAdapter("SELECT [TaskId],[TaskName],[DateOfCompletion] FROM [dbo].[MyTask]", conn)) {
    adapter.Fill(ds);

    if (ds != null) {
      if (ds.Tables.Count > 0) {
        gvTest.DataSource = ds.Tables[0];
        gvTest.DataBind();
      }
    }
  }
}





Click to Enlarge



<table cellspacing="0" rules="all" border="1" id="MainContent_gvTest" style="border-collapse:collapse;">
	<tr>
		<th scope="col">Task Id</th>
		<th scope="col">Task Name</th>
		<th scope="col">Date of Completion</th>
	</tr>
	<tr>
		<td>
			<span id="MainContent_gvTest_lblTaskId_0">1</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblTaskName_0">Task no 1</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblDateOfCompletion_0">3/5/2014 1:15:25 PM</span>
		</td>
	</tr>
	<tr>
		<td>
			<span id="MainContent_gvTest_lblTaskId_1">2</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblTaskName_1">Task no 2</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblDateOfCompletion_1">3/6/2014 1:15:25 PM</span>
		</td>
	</tr>
	<tr>
		<td>
			<span id="MainContent_gvTest_lblTaskId_2">3</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblTaskName_2">Task no 3</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblDateOfCompletion_2">3/7/2014 1:15:25 PM</span>
		</td>
	</tr>
	<tr>
		<td>
			<span id="MainContent_gvTest_lblTaskId_3">4</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblTaskName_3">Task no 4</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblDateOfCompletion_3">3/8/2014 1:15:25 PM</span>
		</td>
	</tr>
	<tr>
		<td>
			<span id="MainContent_gvTest_lblTaskId_4">5</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblTaskName_4">Task no 5</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblDateOfCompletion_4">3/9/2014 1:15:25 PM</span>
		</td>
	</tr>
</table>




<asp:GridView runat="server" ID="gvTest" AutoGenerateColumns="false" ClientIDRowSuffix="TaskId">




<table cellspacing="0" rules="all" border="1" id="MainContent_gvTest" style="border-collapse:collapse;">
	<tr>
		<th scope="col">Task Id</th>
		<th scope="col">Task Name</th>
		<th scope="col">Date of Completion</th>
	</tr>
	<tr>
		<td>
			<span id="MainContent_gvTest_lblTaskId_1">1</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblTaskName_1">Task no 1</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblDateOfCompletion_1">3/5/2014 1:15:25 PM</span>
		</td>
	</tr>
	<tr>
		<td>
			<span id="MainContent_gvTest_lblTaskId_2">2</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblTaskName_2">Task no 2</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblDateOfCompletion_2">3/6/2014 1:15:25 PM</span>
		</td>
	</tr>
	<tr>
		<td>
			<span id="MainContent_gvTest_lblTaskId_3">3</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblTaskName_3">Task no 3</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblDateOfCompletion_3">3/7/2014 1:15:25 PM</span>
		</td>
	</tr>
	<tr>
		<td>
			<span id="MainContent_gvTest_lblTaskId_4">4</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblTaskName_4">Task no 4</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblDateOfCompletion_4">3/8/2014 1:15:25 PM</span>
		</td>
	</tr>
	<tr>
		<td>
			<span id="MainContent_gvTest_lblTaskId_5">5</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblTaskName_5">Task no 5</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblDateOfCompletion_5">3/9/2014 1:15:25 PM</span>
		</td>
	</tr>
</table>




<table cellspacing="0" rules="all" border="1" id="MainContent_gvTest" style="border-collapse:collapse;">
	<tr>
		<th scope="col">Task Id</th>
		<th scope="col">Task Name</th>
		<th scope="col">Date of Completion</th>
	</tr>
	<tr>
		<td>
			<span id="MainContent_gvTest_lblTaskId_Task no 1">1</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblTaskName_Task no 1">Task no 1</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblDateOfCompletion_Task no 1">3/5/2014 1:15:25 PM</span>
		</td>
	</tr>
	<tr>
		<td>
			<span id="MainContent_gvTest_lblTaskId_Task no 2">2</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblTaskName_Task no 2">Task no 2</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblDateOfCompletion_Task no 2">3/6/2014 1:15:25 PM</span>
		</td>
	</tr>
	<tr>
		<td>
			<span id="MainContent_gvTest_lblTaskId_Task no 3">3</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblTaskName_Task no 3">Task no 3</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblDateOfCompletion_Task no 3">3/7/2014 1:15:25 PM</span>
		</td>
	</tr>
	<tr>
		<td>
			<span id="MainContent_gvTest_lblTaskId_Task no 4">4</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblTaskName_Task no 4">Task no 4</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblDateOfCompletion_Task no 4">3/8/2014 1:15:25 PM</span>
		</td>
	</tr>
	<tr>
		<td>
			<span id="MainContent_gvTest_lblTaskId_Task no 5">5</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblTaskName_Task no 5">Task no 5</span>
		</td>
		<td>
			<span id="MainContent_gvTest_lblDateOfCompletion_Task no 5">3/9/2014 1:15:25 PM</span>
		</td>
	</tr>
</table>





Posted By  -  Karan Gupta
 
Posted On  -  Wednesday, April 23, 2014

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250