Insert dynamic generated ASP.Net GridView Rows to Database using C# and VB.Net

ameera

SOLVED CLOSED ACTIVE ANSWERED
User: ameera
Posted: on Mar 10, 2019 05:33 AM
Forum: Data Controls
Answer: 1
Views: 5016
Sample Code: Download

Greetings ,

I follow this article

it works nice, But the values which coming from gridView always is null

Issue #1: when I press the button to add new row , the text which I wrote in the previous row disappears. so I have to write it again.

Issue #2: gridview saved null value in the DB.

here's my code:

<form id="form1" runat="server" >
    <asp:ScriptManager ID="ScriptManager1" runat="server">   </asp:ScriptManager>
   <fieldset>
       <div class="form-group">
       <asp:gridview ID="Gridview1" runat="server" ShowFooter="true" AutoGenerateColumns="false">
           <Columns>
             <asp:BoundField DataField="RowNumber" HeaderText="Row Number" />
             <asp:TemplateField HeaderText="Header 1">
            <ItemTemplate>
                <asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine"   ></asp:TextBox>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Header 2">
            <ItemTemplate>
                <asp:TextBox ID="TextBox2" runat="server"  TextMode="MultiLine" ></asp:TextBox>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Header 3">
            <ItemTemplate>
                 <asp:TextBox ID="TextBox3" runat="server"  TextMode="MultiLine" ></asp:TextBox>
            </ItemTemplate>
            <FooterStyle HorizontalAlign="Right" />
            <FooterTemplate>
             <asp:Button ID="ButtonAdd" runat="server" Text="Add New Row" class="btn btn-success" OnClick="ButtonAdd_Click"/>
            </FooterTemplate>
            </asp:TemplateField>
         </Columns>
     </asp:GridView>   
 </div>
 <asp:Button  class="btn btn-success" id="btn1" Text="Save" runat="server" ValidationGroup="problem"></asp:Button>
</fieldset>
</form>

    Private Sub SetInitialRow()
        Dim dt As New DataTable()
        Dim dr As DataRow = Nothing


        Dim rowNumber As DataColumn = New DataColumn("rowNumber")
        rowNumber.DataType = System.Type.GetType("System.String")
        dt.Columns.Add(rowNumber)

        Dim column1 As DataColumn = New DataColumn("column1")
        column1.DataType = System.Type.GetType("System.String") 
        dt.Columns.Add(column1)

        Dim column2 As DataColumn = New DataColumn("column2")
        column2.DataType = System.Type.GetType("System.String")
        dt.Columns.Add(column2)

        Dim column3 As DataColumn = New DataColumn("column3")
        column3.DataType = System.Type.GetType("System.String")
        dt.Columns.Add(column3)

        Dim column4 As DataColumn = New DataColumn("column4")
        column4.DataType = System.Type.GetType("System.String")
        dt.Columns.Add(column4)

        dr = dt.NewRow()

        ' Set values in the columns:
        dr("rowNumber") = 1
        dr("column1") = String.Empty
        dr("column2") = String.Empty
        dr("column3") = String.Empty
        dr("column4") = String.Empty

        ' Add the row to the rows collection.
        dt.Rows.Add(dr)

        'save the table to viewState
        ViewState("currentTable") = dt

        'bind the datatable to the gridView
        Gridview1.DataSource = dt
        Gridview1.DataBind()

    End Sub

    Protected Sub Page_Load(sender As Object, e As System.EventArgs) Handles Me.Load
        If Not Me.IsPostBack Then
            SetInitialRow()
        End If
        End Sub

    Private Sub AddNewRowToGrid()
            Dim rowIndex As Integer = 0
        If ViewState("currentTable") IsNot Nothing Then
            Dim dtCurrentTable As New DataTable
            dtCurrentTable = TryCast(ViewState("currentTable"), DataTable)

            Dim drCurrentRow As DataRow
            drCurrentRow = Nothing
            If dtCurrentTable.Rows.Count > 0 Then
                For i As Integer = 1 To dtCurrentTable.Rows.Count
                    ' extract the TextBox values
                    Dim box1 As TextBox = TryCast(Gridview1.Rows(rowIndex).Cells(1).FindControl("textbox1"), TextBox)
                    Dim box2 As TextBox = TryCast(Gridview1.Rows(rowIndex).Cells(2).FindControl("textbox2"), TextBox)
                    Dim box3 As TextBox = TryCast(Gridview1.Rows(rowIndex).Cells(3).FindControl("textbox3"), TextBox)
                    Dim box4 As TextBox = TryCast(Gridview1.Rows(rowIndex).Cells(4).FindControl("textbox4"), TextBox)
                    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
                Next
                dtCurrentTable.Rows.Add(drCurrentRow)
                ViewState("currentTable") = dtCurrentTable
                Gridview1.DataSource = dtCurrentTable
                Gridview1.DataBind()
            Else
                Response.Write("ViewState is null")
            End If
            'Set Previous Data on Postbacks
            SetPreviousData()
        End If
        End Sub

        Private Sub SetPreviousData()
            Dim rowIndex As Integer = 0
            If ViewState("currentTable") IsNot Nothing Then ' edit from <> to isnot --4-3-2019
                Dim dt As New DataTable()
                dt = TryCast(ViewState("currentTable"), DataTable)
                If dt.Rows.Count > 0 Then
                For i As Integer = 0 To dt.Rows.Count - 1 'edit add '-1'
                    Dim box1 As TextBox = TryCast(Gridview1.Rows(rowIndex).Cells(1).FindControl("textbox1"), TextBox)
                    Dim box2 As TextBox = TryCast(Gridview1.Rows(rowIndex).Cells(2).FindControl("textbox2"), TextBox)
                    Dim box3 As TextBox = TryCast(Gridview1.Rows(rowIndex).Cells(3).FindControl("textbox3"), TextBox)
                    Dim box4 As TextBox = TryCast(Gridview1.Rows(rowIndex).Cells(4).FindControl("textbox4"), TextBox)
                    box1.Text = dt.Rows(i)("column1").ToString()
                    box2.Text = dt.Rows(i)("column2").ToString()
                    box3.Text = dt.Rows(i)("column3").ToString()
                    box4.Text = dt.Rows(i)("column4").ToString()
                Next
                End If
            End If
        End Sub

    Protected Sub ButtonAdd_Click(sender As Object, e As System.EventArgs)
        AddNewRowToGrid()
    End Sub

    Protected Sub btn1_Click(sender As Object, e As System.EventArgs) Handles btn1.Click

        Dim acc1 As New accident()
        If ViewState("currentTable") IsNot Nothing Then
            Dim dt As New DataTable()
            dt = TryCast(ViewState("currentTable"), DataTable)
            If dt.Rows.Count > 0 Then
                For Each row As GridViewRow In Gridview1.Rows
                    Dim box1 As String = row.Cells(1).Text
                    Dim box2 As String = row.Cells(2).Text
                    Dim box3 As String = row.Cells(3).Text

                    acc1.save(box1, box2, box3)

                    success_msg.Text = "your data has been saved"
                Next
            End If
        End If
    End Sub

accident is a class has the following function

    Public Function save(ByVal p_cont_cd As String, ByRef p_damageDesc As String, ByRef p_proc_taken As String) As String
        Dim cmd As New SqlCommand

        cmd.Connection = conn
        cmd.CommandText = "sp_testInsert"  ' 

        cmd.CommandType = CommandType.StoredProcedure
        cmd.Parameters.Add("@p_CntNumber", SqlDbType.VarChar).Value = p_cont_cd

        cmd.Parameters.Add("@p_damageDesc", SqlDbType.VarChar).Value = p_damageDesc
        cmd.Parameters.Add("@p_proc_taken", SqlDbType.VarChar).Value = p_proc_taken

        Try
            If conn.State = ConnectionState.Closed Then
                conn.Open()
            End If
            Return cmd.ExecuteNonQuery()

            conn.Close()

        Catch oErr As Exception

            Throw oErr
        End Try
    End Function

what shoul I do to fix this ?

Thanks in advance, :)

Download FREE API for Word, Excel and PDF in ASP.Net

pandeyis...

0 3

Reply
ANSWER
User: pandeyism
Replied: on Mar 11, 2019 01:10 AM
Report

Hi ameera,

Please refer below sample.

HTML

<asp:GridView ID="Gridview1" runat="server" ShowFooter="true" AutoGenerateColumns="false">
    <Columns>
        <asp:BoundField DataField="RowNumber" HeaderText="Row Number" />
        <asp:TemplateField HeaderText="Header 1">
            <ItemTemplate>
                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Header 2">
            <ItemTemplate>
                <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Header 3">
            <ItemTemplate>
                <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
            </ItemTemplate>
            <FooterStyle HorizontalAlign="Right" />
            <FooterTemplate>
                <asp:Button ID="ButtonAdd" runat="server" Text="Add" OnClick="ButtonAdd_Click" />
            </FooterTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>
<asp:Button class="btn btn-success" ID="btn1" Text="Save" runat="server" OnClick="Save">
</asp:Button>
<br />
<asp:GridView ID="gvSample" runat="server" AutoGenerateColumns="false">
    <Columns>
        <asp:BoundField DataField="Column1" HeaderText="Column1" />
        <asp:BoundField DataField="Column2" HeaderText="Column2" />
        <asp:BoundField DataField="Column3" HeaderText="Column3" />
    </Columns>
</asp:GridView>

Namespaces

using System.Data;
using System.Data.SqlClient;
using System.Configuration;

VB.Net

Imports System.Data.SqlClient
Imports System.Data

Code

protected void Page_Load(object sender, EventArgs e)
{
    if (!Page.IsPostBack)
    {
        SetInitialRow();
    }
}

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)));
    dr = dt.NewRow();
    dr["RowNumber"] = 1;
    dr["Column1"] = string.Empty;
    dr["Column2"] = string.Empty;
    dr["Column3"] = string.Empty;
    dt.Rows.Add(dr);
    ViewState["CurrentTable"] = dt;
    Gridview1.DataSource = dt;
    Gridview1.DataBind();
}

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("TextBox1");
                TextBox box2 = (TextBox)Gridview1.Rows[rowIndex].Cells[2].FindControl("TextBox2");
                TextBox box3 = (TextBox)Gridview1.Rows[rowIndex].Cells[3].FindControl("TextBox3");
                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;
                rowIndex++;
            }
            dtCurrentTable.Rows.Add(drCurrentRow);
            ViewState["CurrentTable"] = dtCurrentTable;
            Gridview1.DataSource = dtCurrentTable;
            Gridview1.DataBind();
        }
    }

    else
    {
        Response.Write("ViewState is null");
    }
    //Set Previous Data on Postbacks
    SetPreviousData();
}

private void SetPreviousData()
{
    int rowIndex = 0;
    if (ViewState["CurrentTable"] != null)
    {
        DataTable dt = (DataTable)ViewState["CurrentTable"];
        if (dt.Rows.Count > 0)
        {
            for (int i = 0; i < dt.Rows.Count; i++)
            {
                TextBox box1 = (TextBox)Gridview1.Rows[rowIndex].Cells[1].FindControl("TextBox1");
                TextBox box2 = (TextBox)Gridview1.Rows[rowIndex].Cells[2].FindControl("TextBox2");
                TextBox box3 = (TextBox)Gridview1.Rows[rowIndex].Cells[3].FindControl("TextBox3");
                box1.Text = dt.Rows[i]["Column1"].ToString();
                box2.Text = dt.Rows[i]["Column2"].ToString();
                box3.Text = dt.Rows[i]["Column3"].ToString();
                rowIndex++;
            }
        }
    }
}

protected void ButtonAdd_Click(object sender, EventArgs e)
{
    AddNewRowToGrid();
}

protected void Save(object sender, System.EventArgs e)
{
    if (ViewState["CurrentTable"] != null)
    {
        DataTable dt = new DataTable();
        dt = ViewState["CurrentTable"] as DataTable;
        if (dt.Rows.Count > 0)
        {
            using (SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["constr"].ConnectionString))
            {
                SqlCommand cmd = null;
                foreach (GridViewRow row in Gridview1.Rows)
                {
                    cmd = new SqlCommand("INSERT INTO SampleTest(Column1,Column2,Column3) VALUES(@Column1,@Column2,@Column3)", con);
                    string box1 = (row.FindControl("TextBox1") as TextBox).Text;
                    string box2 = (row.FindControl("TextBox2") as TextBox).Text;
                    string box3 = (row.FindControl("TextBox3") as TextBox).Text;

                    cmd.Parameters.AddWithValue("@Column1", box1);
                    cmd.Parameters.AddWithValue("@Column2", box2);
                    cmd.Parameters.AddWithValue("@Column3", box3);
                    con.Open();
                    cmd.ExecuteNonQuery();
                    con.Close();
                }
                cmd = new SqlCommand("SELECT Column1,Column2,Column3 FROM SampleTest", con);
                SqlDataAdapter da = new SqlDataAdapter(cmd);
                DataTable dt1 = new DataTable();
                da.Fill(dt1);
                this.gvSample.DataSource = dt1;
                this.gvSample.DataBind();
            }
        }
    }
}

VB.Net

Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
    If Not Page.IsPostBack Then
        SetInitialRow()
    End If
End Sub

Private Sub SetInitialRow()
    Dim dt As DataTable = New DataTable()
    Dim dr As DataRow = Nothing
    dt.Columns.Add(New DataColumn("RowNumber", GetType(String)))
    dt.Columns.Add(New DataColumn("Column1", GetType(String)))
    dt.Columns.Add(New DataColumn("Column2", GetType(String)))
    dt.Columns.Add(New DataColumn("Column3", GetType(String)))
    dr = dt.NewRow()
    dr("RowNumber") = 1
    dr("Column1") = String.Empty
    dr("Column2") = String.Empty
    dr("Column3") = String.Empty
    dt.Rows.Add(dr)
    ViewState("CurrentTable") = dt
    Gridview1.DataSource = dt
    Gridview1.DataBind()
End Sub

Private Sub AddNewRowToGrid()
    Dim rowIndex As Integer = 0
    If ViewState("CurrentTable") IsNot Nothing Then
        Dim dtCurrentTable As DataTable = CType(ViewState("CurrentTable"), DataTable)
        Dim drCurrentRow As DataRow = Nothing
        If dtCurrentTable.Rows.Count > 0 Then
            For i As Integer = 1 To dtCurrentTable.Rows.Count
                Dim box1 As TextBox = CType(Gridview1.Rows(rowIndex).Cells(1).FindControl("TextBox1"), TextBox)
                Dim box2 As TextBox = CType(Gridview1.Rows(rowIndex).Cells(2).FindControl("TextBox2"), TextBox)
                Dim box3 As TextBox = CType(Gridview1.Rows(rowIndex).Cells(3).FindControl("TextBox3"), TextBox)
                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
                rowIndex += 1
            Next

            dtCurrentTable.Rows.Add(drCurrentRow)
            ViewState("CurrentTable") = dtCurrentTable
            Gridview1.DataSource = dtCurrentTable
            Gridview1.DataBind()
        End If
    Else
        Response.Write("ViewState is null")
    End If
    SetPreviousData()
End Sub

Private Sub SetPreviousData()
    Dim rowIndex As Integer = 0
    If ViewState("CurrentTable") IsNot Nothing Then
        Dim dt As DataTable = CType(ViewState("CurrentTable"), DataTable)
        If dt.Rows.Count > 0 Then
            For i As Integer = 0 To dt.Rows.Count - 1
                Dim box1 As TextBox = CType(Gridview1.Rows(rowIndex).Cells(1).FindControl("TextBox1"), TextBox)
                Dim box2 As TextBox = CType(Gridview1.Rows(rowIndex).Cells(2).FindControl("TextBox2"), TextBox)
                Dim box3 As TextBox = CType(Gridview1.Rows(rowIndex).Cells(3).FindControl("TextBox3"), TextBox)
                box1.Text = dt.Rows(i)("Column1").ToString()
                box2.Text = dt.Rows(i)("Column2").ToString()
                box3.Text = dt.Rows(i)("Column3").ToString()
                rowIndex += 1
            Next
        End If
    End If
End Sub

Protected Sub ButtonAdd_Click(ByVal sender As Object, ByVal e As EventArgs)
    AddNewRowToGrid()
End Sub

Protected Sub Save(ByVal sender As Object, ByVal e As System.EventArgs)
    If ViewState("CurrentTable") IsNot Nothing Then
        Dim dt As DataTable = New DataTable()
        dt = TryCast(ViewState("CurrentTable"), DataTable)

        If dt.Rows.Count > 0 Then

            Using con As SqlConnection = New SqlConnection(ConfigurationManager.ConnectionStrings("constr").ConnectionString)
                Dim cmd As SqlCommand = Nothing
                For Each row As GridViewRow In Gridview1.Rows
                    cmd = New SqlCommand("INSERT INTO SampleTest(Column1,Column2,Column3) VALUES(@Column1,@Column2,@Column3)", con)
                    Dim box1 As String = (TryCast(row.FindControl("TextBox1"), TextBox)).Text
                    Dim box2 As String = (TryCast(row.FindControl("TextBox2"), TextBox)).Text
                    Dim box3 As String = (TryCast(row.FindControl("TextBox3"), TextBox)).Text
                    cmd.Parameters.AddWithValue("@Column1", box1)
                    cmd.Parameters.AddWithValue("@Column2", box2)
                    cmd.Parameters.AddWithValue("@Column3", box3)
                    con.Open()
                    cmd.ExecuteNonQuery()
                    con.Close()
                Next
                cmd = New SqlCommand("SELECT Column1,Column2,Column3 FROM SampleTest", con)
                Dim da As SqlDataAdapter = New SqlDataAdapter(cmd)
                Dim dt1 As DataTable = New DataTable()
                da.Fill(dt1)
                Me.gvSample.DataSource = dt1
                Me.gvSample.DataBind()
            End Using
        End If
    End If
End Sub

Screenshot

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Insert dynamic generated ASP.Net GridView Rows to Database using C# and VB.Net

Insert (Save) Multiple rows from DataGridView to Database in Windows Forms (WinForms) Application using C# and VB.Net

Company

Explore

Follow us

Contact Us