在单击按钮时在gridview中添加新行

Question

这是我的程序，页面加载gridview并将数据库记录检索到文本框，我放了一个添加新按钮，希望添加与该行完全相同的新行，但文本框为空。

我想在GridView 中创建一个新行，同时单击添加新按钮，而我的TextBox 正在从数据库中检索数据。我尝试运行代码，但是当我单击按钮时没有任何反应。希望有人可以提供帮助。谢谢。

我的前端代码

<Columns>
    <asp:TemplateField HeaderStyle-CssClass="display_none">
        <ItemTemplate>
            <asp:Label ID="Label3" runat="server" Font-Bold="true" Font-Size="Medium">Name</asp:Label>
        </ItemTemplate>
    </asp:TemplateField>

    <asp:TemplateField HeaderStyle-CssClass="display_none">

        <ItemTemplate>
            <asp:TextBox ID="TextBox1" runat="server" CssClass="NormalInputTextField" Text='<%#Eval("SLMN") %>'></asp:TextBox>
        </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderStyle-CssClass="display_none">
    <ItemTemplate>
         <asp:Button ID="BtnDelete" runat="server" Text="Delete" CssClass="btn btn-primary" CommandName="remove" CommandArgument='<%# Container.DataItemIndex %>'/>
    </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField FooterStyle-BorderStyle="None" HeaderStyle-CssClass="display_none">
    <ItemTemplate>
         <asp:Button ID="BtnSearch2" runat="server" Text="Search" CssClass="btn btn-primary"  CommandName="ViewComments" OnClientClick="javascript:saveData(this,'grid')"/>
    </ItemTemplate>
    <FooterStyle HorizontalAlign="Right" BorderStyle="None"/>
    <FooterTemplate>
         <asp:Button ID="BtnAdd" runat="server" Text="Add New Row" CssClass="btn btn-primary" OnClick="ButtonAdd_Click"/>
    </FooterTemplate>
    </asp:TemplateField>
</Columns>

我的后端代码

private void AddNewRowToGrid()
{
     DataTable dt = new DataTable();
     DataRow dr = null;
     dt.Columns.Add(new DataColumn("Column1", typeof(string)));
     dt.Columns.Add(new DataColumn("Column2", typeof(string)));
     dr = dt.NewRow();
     dr["Column1"] = string.Empty;
     dr["Column2"] = string.Empty;
     dt.Rows.Add(dr);
}

我的 onclick 事件调用添加新函数

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

我的 gridview 标签

<grd:MultiSelectGridView ID="grid2" runat="server" Width="500px" 
                        CssClass="paging_gridview" AllowPaging="True" 
                        AutoGenerateColumns ="false" PageSize="10" PagerType="Custom"  
                        ShowFooter="true" OnRowDeleting="grid2_RowDeleting" 
                        MultiSelectDataKeyName="Urid,Name" ShowHeaderWhenEmpty="true"
                        MultiSelectColumnIndex="0" EnableMultiSelect="false" GridLines="None" BorderStyle="None" OnRowCommand="grid2_RowCommand"
                        >

我通过页面加载将我的记录绑定到gridview

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

private void Loadgrid()
{
    string branch = txtBranch.Text.Trim();
    string name = txtName.Text.Trim();

    string sql = "SELECT * FROM fcs_cotmdl WHERE TMDL= '" + name + "'AND CONO='" + branch + "' ";

    SqlDataSource2.ConnectionString = ConfigurationManager.ConnectionStrings["ConnStr_epsi"].ConnectionString;
    SqlDataSource2.ConnectionString = SqlDataSource2.ConnectionString.Replace("Provider=OraOLEDB.Oracle.1;", "");
    SqlDataSource con = new SqlDataSource();

    SqlDataSource2.SelectCommand = sql;
    grid2.DataSourceID = "SqlDataSource2";
    grid2.DataBind();
}

Answer 1

以下教程详细介绍了完全相同的场景。请参考它。 Adding Dynamic Rows to Gridview on Button Click

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");
 //Instead of all the textboxes, use the button as you require.
                    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();
    }

然后是 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();
  }

Answer 2

从您的加载网格方法中，您应该将数据作为数据表检索并绑定到网格。并保存在会话中。像这样：

private void Loadgrid()
        {

            var dt = new DataTable();

            using (var conn = new SqlConnection (ConfigurationManager.ConnectionStrings["ConnectionStringName"].ToString()))
            {

                var command = new SqlCommand();
                command.Connection = conn;
                command.CommandText = "SELECT * FROM [dbo].[T1]";
                command.CommandType = CommandType.Text;
                using (var adaptor = new SqlDataAdapter(command))
                {
                    if (conn.State == ConnectionState.Closed) conn.Open();
                    adaptor.Fill(dt);
                    if (conn.State == ConnectionState.Open) conn.Close();
                }

            }

                Session["ss"] = dt;
                grid2.DataSource = dt;
                grid2.DataBind();

            }


private void AddNewRowToGrid()
        {
            DataTable dt = (DataTable) Session["ss"];
            DataRow dr = null;
            DataRow newBlankRow1 = dt.NewRow();
            dt.Rows.Add(newBlankRow1);
            grid2.DataSource = dt;
            grid2.DataBind();

            Session["ss"] = dt;
        }

添加空行后，您还需要再次将数据绑定到网格。