Introduction:
Here I will explain how to get or validate textbox controls inside of asp.net gridview using JavaScript or validate asp.net gridview footer controls (textbox, dropdownlist, checkbox, radio button etc..) values in JavaScript.
Description:
In previous posts I explained bind data to textbox control in asp.net gridview, Cascading Dropdownlist in inside of asp.net gridview, populate one dropdown based on another dropdown in asp.net, bind data to dropdownlist in asp.net gridview and many articles relating to gridview, asp.net, c#. Now I will explain how to validate textbox controls inside of asp.net gridview using JavaScript.
In previous posts I explained bind data to textbox control in asp.net gridview, Cascading Dropdownlist in inside of asp.net gridview, populate one dropdown based on another dropdown in asp.net, bind data to dropdownlist in asp.net gridview and many articles relating to gridview, asp.net, c#. Now I will explain how to validate textbox controls inside of asp.net gridview using JavaScript.
To
get or validate textbox controls inside of asp.net
gridview using JavaScript we need to write the
code like as shown below
Syntax to Get or Validate Gridview Controls in
JavaScript
<script type="text/javascript">
function GetGridFooterRowvalues() {
var fuid = document.getElementById('<%=((TextBox)gvUserInfo.FooterRow.FindControl("txtUserId")).ClientID
%>');
if (fuid.value!= '') {
alert('UserId:'
+ fuid.value)
}
else{
alert'Please enter
userid')
}
}
</script>
|
If
you want see it in complete example open your aspx page and write the following
code
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"
runat="server">
<title>get or validate textbox controls inside gridview using
javascript</title>
<script type="text/javascript">
function GetGridFooterRowvalues()
{
var fuid = document.getElementById('<%=(gvUserInfo.FooterRow.FindControl("txtUserId")).ClientID
%>');
var funame = document.getElementById('<%=(gvUserInfo.FooterRow.FindControl("txtUserName")).ClientID
%>');
var fueducation = document.getElementById('<%=(gvUserInfo.FooterRow.FindControl("txtEducation")).ClientID
%>');
if (fuid.value != ''
&& funame.value != '' &&
fueducation.value != '') {
alert('UserId:'
+ fuid.value + ';UserName:' + funame.value
+ ';Education:' + fueducation.value)
}
else{
alert("Please
enter all the values")
}
}
</script>
</head>
<body>
<form id="form1"
runat="server">
<div>
<asp:GridView ID="gvUserInfo"
runat="server"
AutoGenerateColumns="false"
ShowFooter="true">
<HeaderStyle BackColor="#df5015" Font-Bold="true" ForeColor="White" />
<Columns>
<asp:TemplateField HeaderText="UserId">
<ItemTemplate>
<asp:Label id="lblUserid"
runat="server" Text='<%# Eval("UserId") %>' />
</ItemTemplate>
<FooterTemplate>
<asp:TextBox ID="txtUserId"
runat="server"
/>
</FooterTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="UserName">
<ItemTemplate>
<asp:Label id="lblUsername"
runat="server"
Text='<%#
Eval("UserName") %>'/>
</ItemTemplate>
<FooterTemplate>
<asp:TextBox ID="txtUserName"
runat="server"
/>
</FooterTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Education">
<ItemTemplate>
<asp:Label id="lblEducation"
runat="server"
Text='<%#
Eval("Education") %>'/>
</ItemTemplate>
<FooterTemplate>
<asp:TextBox ID="txtEducation"
runat="server"
/>
</FooterTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<asp:Button ID="btnGet"
Text="Get Footer
Values" runat="server" OnClientClick="GetGridFooterRowvalues()" />
</div>
</form>
</body>
</html>
|
After
that write the following code in code behind
C# Code
using System;
using System.Data;
public partial class Default3 :
System.Web.UI.Page
{
protected void
Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
DataTable dt = new DataTable();
dt.Columns.Add("UserId", typeof(Int32));
dt.Columns.Add("UserName",
typeof(string));
dt.Columns.Add("Education",
typeof(string));
dt.Rows.Add(1, "Suresh Dasari",
"B.Tech");
dt.Rows.Add(2, "Rohini Dasari",
"Msc");
dt.Rows.Add(3, "Madhav Sai",
"MS");
dt.Rows.Add(4, "Praveen",
"B.Tech");
dt.Rows.Add(6, "Sateesh",
"MD");
dt.Rows.Add(7, "Mahesh
Dasari", "B.Tech");
dt.Rows.Add(8, "Mahendra",
"CA");
gvUserInfo.DataSource = dt;
gvUserInfo.DataBind();
}
}
}
|
VB.NET Code
Imports System.Data
Partial Class
_Default
Inherits System.Web.UI.Page
Protected Sub
Page_Load(ByVal sender As Object, ByVal e As
EventArgs) Handles Me.Load
If Not
IsPostBack Then
Dim dt As
New DataTable()
dt.Columns.Add("UserId", GetType(Int32))
dt.Columns.Add("UserName",
GetType(String))
dt.Columns.Add("Education",
GetType(String))
dt.Rows.Add(1, "Suresh Dasari",
"B.Tech")
dt.Rows.Add(2, "Rohini Dasari",
"Msc")
dt.Rows.Add(3, "Madhav Sai",
"MS")
dt.Rows.Add(4, "Praveen",
"B.Tech")
dt.Rows.Add(6, "Sateesh",
"MD")
dt.Rows.Add(7, "Mahesh Dasari",
"B.Tech")
dt.Rows.Add(8, "Mahendra",
"CA")
gvUserInfo.DataSource = dt
gvUserInfo.DataBind()
End If
End Sub
End Class
|
Demo
 |
|
If you enjoyed this post, please support the blog below. It's FREE! Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email. |
|||
Subscribe by RSS
Subscribe by Email
|
|||
4 comments :
Thank U Suresh
Hello,
Please contact me @8446012354. I have business proposal.
Thanx Sir.. I can Beleive Yor Code Blindly.. it Aways Solves My Problems...
but i dont have footer row
Note: Only a member of this blog may post a comment.