Dynamic DataTable in gridview

Question

Hi.....

I am creating a data table dynamically which has 10 rows and binding that table to Gridview.

In Gridview, I am having 4 dropdownlist, 5 textbox and 1 label controls .

here i want to give clientside validations using javascript for textbox but I am unable to find the textbox control of a gridview using javascript.

please help..

Crish · Answer

Hi I had same problem.You have to check following code i think it will help you. using System; using System.Data; using System.Configuration; using System.Collections; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; public partial class Temp : System.Web.UI.Page { protected void Page_Load( object sender EventArgs e) { if (!IsPostBack) { //Create dummy data DataTable dt = new DataTable(); dt.Columns.Add( ChargeCode ); dt.Columns.Add( ChargeAmount ); dt.Columns.Add( StopNumber ); Session[ ChargeDataTable ] = dt; //Bind the gridview BindGrid(); } //Recurses through the controls to show the naming of each individual control that is currently in the gridview //RecurseControls(GridView1.Controls[0].Controls); //Label1.Text += GridView1.Controls[0].Controls[0].GetType().Name + ; } void RecurseControls(ControlCollection ctls) { foreach (Control ctl in ctls) { if (!ctl.HasControls()) Label1.Text += ctl.ClientID + + ctl.GetType().Name +
; else RecurseControls(ctl.Controls); } } void BindGrid() { DataTable dt = new DataTable(); dt = (DataTable)Session[ ChargeDataTable ]; //Bind the gridview GridView1.DataSource = dt; GridView1.DataBind(); } void AddNewCharge( string ChargeCode string ChargeAmount string StopNumber) { DataTable dt = new DataTable(); dt = (DataTable)Session[ ChargeDataTable ]; DataRow dr = dt.NewRow(); dr[ ChargeCode ] = ChargeCode; dr[ ChargeAmount ] = ChargeAmount; dr[ StopNumber ] = StopNumber; dt.Rows.Add(dr); Session[ ChargeDataTable ] = dt; BindGrid(); } protected void GridView1_RowCommand1( object sender GridViewCommandEventArgs e) { if (e.CommandName == EmptyInsert ) { //handle insert here TextBox ChargeCode = GridView1.Controls[0].Controls[0].FindControl( txtChargeCodeEmptyInsert ) as TextBox; TextBox ChargeAmount = GridView1.Controls[0].Controls[0].FindControl( txtChargeAmountEmptyInsert ) as TextBox; TextBox StopNumber = GridView1.Controls[0].Controls[0].FindControl( txtStopNumberEmptyInsert ) as TextBox; AddNewCharge(ChargeCode.Text ChargeAmount.Text StopNumber.Text); //Label1.Text = string.Format(You would have inserted the name : {0} from the emptydatatemplatetbEmptyInsert.Text); } if (e.CommandName == Insert ) { //handle insert here TextBox ChargeCode = GridView1.FooterRow.FindControl( txtChargeCodeInsert ) as TextBox; TextBox ChargeAmount = GridView1.FooterRow.FindControl( txtChargeAmountInsert ) as TextBox; TextBox StopNumber = GridView1.FooterRow.FindControl( txtStopNumberInsert ) as TextBox; AddNewCharge(ChargeCode.Text ChargeAmount.Text StopNumber.Text); //Label1.Text = string.Format(You would have inserted the name : {0} from the footerrow tbInsert.Text); } } protected void GridView1_RowEditing( object sender GridViewEditEventArgs e) { GridView1.EditIndex = e.NewEditIndex; BindGrid(); } If you want to get more detail about this code than just go for this below link. http://forums.asp.net/t/1204756.aspx }

Manikavelu Velayutham · Answer

Here is an excellent solution for your requirement. http://www.c-sharpcorner.com/uploadfile/purankaushal/gridjavascript05212008014115am/gridjavascript.aspx Another way. 1. Find the textbox control in the RowDataBound or ItemDataBound event of the grid view. 2. Add the attributes to that textbox like.. Textbox1.Attributes.Add(OnClick Javascript function name); 3. In the javasscript function you can implement your client side validation.