programming we consider all important topic for knowledge about controls,web Services, JSON, Ajax, database, and interview related Question. In this and sql server tutorial blog we give many examples of jquery as like How Play YouTube Video in Your Website by URL, How to Play YouTube Videos in by using Jquery , Jquery Change div background on mouseover in , JQuery UI Datepicker (Calendar) etc.

Tuesday, October 7, 2014

Create Dynamic Rows in ASP.Net GridView Control with TextBoxes

Adding Dynamic Rows in ASP.Net GridView Control with TextBoxes:

In this Post we consider an Example shows on 

In this Tutorial blog we give many types of Example Related to the Grid view control. But many time the visitor want to this type of code. There are many times when we need the user to enter some data but we are not sure about the amount of data.

Dynamically adding and deleting rows from ASP.NET

The core idea here is that from the code-behind if we dynamically change the DataSource of this GridView.

private void SetInitialRow()
        DataTable dt = new DataTable();
        DataRow dr = null;
        dt.Columns.Add(new DataColumn("RowNumber", typeof(string)));
        dt.Columns.Add(new DataColumn("Column1", typeof(string)));
        dt.Columns.Add(new DataColumn("Column2", typeof(string)));
        dt.Columns.Add(new DataColumn("Column3", typeof(string)));
        dt.Columns.Add(new DataColumn("Column4", typeof(string)));
        dt.Columns.Add(new DataColumn("Column5", typeof(string)));
        dr = dt.NewRow();
        dr["RowNumber"] = 1;
        dr["Column1"] = string.Empty;
        dr["Column2"] = string.Empty;
        dr["Column3"] = string.Empty;
        dr["Column4"] = string.Empty;
        dr["Column5"] = string.Empty;

        //Store the DataTable in ViewState
        ViewState["CurrentTable"] = dt;

        Gridview1.DataSource = dt;

Create dynamic row in gridview:

In the Give function we use view state.  The ViewState has been kept to facilitate the dynamic addition and deletion of rows functionality.
  private void AddNewRowToGrid()
        int rowIndex = 0;

        if (ViewState["CurrentTable"] != null)
            DataTable dtCurrentTable = (DataTable)ViewState["CurrentTable"];
            DataRow drCurrentRow = null;
            if (dtCurrentTable.Rows.Count > 0)
                for (int i = 1; i <= dtCurrentTable.Rows.Count; i++)
                    //extract the TextBox values
                    TextBox box1 = (TextBox)Gridview1.Rows[rowIndex].Cells[1].FindControl("TxtName");
                    TextBox box2 = (TextBox)Gridview1.Rows[rowIndex].Cells[2].FindControl("TxtPno");
                    TextBox box3 = (TextBox)Gridview1.Rows[rowIndex].Cells[3].FindControl("TxtGender");
                    TextBox box4 = (TextBox)Gridview1.Rows[rowIndex].Cells[3].FindControl("TxtAge");
                    TextBox box5 = (TextBox)Gridview1.Rows[rowIndex].Cells[3].FindControl("TxtAsan");

                    drCurrentRow = dtCurrentTable.NewRow();
                    drCurrentRow["RowNumber"] = i + 1;

                    dtCurrentTable.Rows[i - 1]["Column1"] = box1.Text;
                    dtCurrentTable.Rows[i - 1]["Column2"] = box2.Text;
                    dtCurrentTable.Rows[i - 1]["Column3"] = box3.Text;
                    dtCurrentTable.Rows[i - 1]["Column4"] = box4.Text;
                    dtCurrentTable.Rows[i - 1]["Column5"] = box5.Text;
                ViewState["CurrentTable"] = dtCurrentTable;

                Gridview1.DataSource = dtCurrentTable;
            Response.Write("ViewState is null");

        //Set Previous Data on Postbacks

Programmatically create ASP.NET GridView with dynamic Text Field:

 Create Dynamic Rows in ASP.Net GridView Control with TextBoxes
 Create Dynamic Rows in GridView with TextBoxes

See Example with Full Code: Grid View Related Post:

No comments:

Post a Comment