ASP.NET中的PostBack导致GridView中的所有TextBox和DropList被清除

Question

我在asp.net中有一个网格视图，如下所示。

<asp:GridView ID="grid_flats_allflatslist" OnRowDeleting="grid_flats_allflatslist_RowDeleting" runat="server" Width="95%" CssClass="gridview" ShowFooter="true" AllowPaging="true" PageSize="8" BackColor="Black" BorderColor="#E7E7FF" BorderStyle="None" BorderWidth="1px" CellPadding="1" CellSpacing="1" frame="below" DataKeyNames="BlockID" AutoGenerateColumns="false">
    <Columns>
        <asp:BoundField DataField="BlockID" HeaderText="Block ID" Visible="false" />
        <asp:BoundField DataField="BlockName" HeaderText="Block Name" />
        <asp:TemplateField HeaderText="Flat Number">
            <ItemTemplate>
                <asp:TextBox ID="text_flats_listflatnumber" CssClass="textbox" onkeypress="return numeric(this);" MaxLength="5" runat="server"></asp:TextBox>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Flat Number">
            <ItemTemplate>
                <asp:DropDownList ID="list_flats_listflattype" CssClass="droplist" runat="server">
                    <asp:ListItem Text="Bachelor" Value="Bachelor"></asp:ListItem>
                    <asp:ListItem Text="Family" Value="Family"></asp:ListItem>
                </asp:DropDownList>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Max Vacancy">
            <ItemTemplate>
                <asp:TextBox ID="text_flats_listmaxvacancy" onkeypress="return numeric(this);" MaxLength="2" CssClass="textbox" runat="server"></asp:TextBox>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:CommandField ShowDeleteButton="true" DeleteText="Delete" />
    </Columns>
    <FooterStyle BackColor="#9e4900" ForeColor="#fff1e5" Font-Bold="false" Font-Underline="false" HorizontalAlign="Center" />
    <HeaderStyle BackColor="#9e4900" ForeColor="#fff1e5" HorizontalAlign="Center" />
    <PagerStyle BackColor="#ff8080" ForeColor="#660000" HorizontalAlign="Right" />
    <RowStyle BackColor="#ffe7d6" ForeColor="#660000" HorizontalAlign="Center" />
    <AlternatingRowStyle BackColor="#ffd6ba" ForeColor="#660000" HorizontalAlign="Center" />
    <SelectedRowStyle BackColor="#fff9f4" HorizontalAlign="Center" ForeColor="Black" />
</asp:GridView>

<asp:Button ID="button_flats_flatplus" CssClass="button" Height="30px" Width="25%" runat="server" Text="Add Flat" OnClick="button_flats_flatplus_Click" />

最初，它是空的，当我单击button_flats_flatsplus按钮时，将向网格视图添加一行，其字段如上所述。 它还将具有2个文本框和一个下拉列表。 按钮单击事件如下。

protected void button_flats_flatplus_Click(object sender, EventArgs e)
{
    DataTable dt;
    DataRow dr = null;
    if (ViewState["CurrentTable"] == null)
    {
        dt = new DataTable();
        dt.Columns.Add(new DataColumn("BlockID", typeof(string)));
        dt.Columns.Add(new DataColumn("BlockName", 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["BlockID"] = list_flats_blocklist.SelectedValue; // I get this value from a different list
        dr["BlockName"] = list_flats_blocklist.SelectedItem.Text; // I get this value from a different list
        dr["Column1"] = string.Empty;
        dr["Column2"] = string.Empty;
        dr["Column3"] = string.Empty;
        dt.Rows.Add(dr);
        ViewState["CurrentTable"] = dt;
        grid_flats_allflatslist.DataSource = dt;
        grid_flats_allflatslist.DataBind();
    }
    else
    {
        dt = (DataTable) ViewState["CurrentTable"];
        dr = dt.NewRow();
        dr["BlockID"] = list_flats_blocklist.SelectedValue; // I get this value from a different list
        dr["BlockName"] = list_flats_blocklist.SelectedItem.Text; // I get this value from a different list
        dr["Column1"] = string.Empty;
        dr["Column2"] = string.Empty;
        dr["Column3"] = string.Empty;
        dt.Rows.Add(dr);
        ViewState["CurrentTable"] = dt;
        grid_flats_allflatslist.DataSource = dt;
        grid_flats_allflatslist.DataBind();
    }
    SetPreviousData();
}

添加许多行后，网格视图将如下所示，

如果按Delete键，则该特定行将被成功删除，但所有其他行中的值均被清除。 我的行删除代码如下使用SetPreviousData函数，但是它不起作用。

protected void grid_flats_allflatslist_RowDeleting(object sender, GridViewDeleteEventArgs e)
{
    int index = Convert.ToInt32(e.RowIndex);
    DataTable dt = ViewState["CurrentTable"] as DataTable;
    dt.Rows[index].Delete();
    ViewState["CurrentTable"] = dt;
    grid_flats_allflatslist.DataSource = dt;
    grid_flats_allflatslist.DataBind();
    SetPreviousData();
}

每次我向网格视图添加新行或从网格视图删除行时，都会发生回发，并且清除了我在文本框中输入的值以及其他行的下拉列表。 我尝试使用!Page.IsPostBack处理此问题，但仍无法正常工作。

然后，我尝试了以下代码并将其添加到所有具有回发或数据绑定到网格视图的位置。

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)grid_flats_allflatslist.Rows[rowIndex].Cells[3].FindControl("text_flats_listflatnumber");
                DropDownList box2 = (DropDownList)grid_flats_allflatslist.Rows[rowIndex].Cells[4].FindControl("list_flats_listflattype");
                TextBox box3 = (TextBox)grid_flats_allflatslist.Rows[rowIndex].Cells[5].FindControl("text_flats_listmaxvacancy");
                box1.Text = dt.Rows[i]["Column1"].ToString();
                box2.SelectedValue = dt.Rows[i]["Column2"].ToString();
                box3.Text = dt.Rows[i]["Column3"].ToString();
                rowIndex++;
            }
        }
    }
}

如果我尝试在网格绑定中添加!Page.IsPostBack ，则对网格视图，添加或删除行所做的任何更改都不会反映出来。 每当页面上有回发或数据绑定时，如何避免清除网格视图中的文本框？ 我仍然想通过将仍然输入的值保留在字段中来删除行并将其添加到网格视图。

Answer 1

我已经测试了您的代码，并且效果很好。

您可能没有正确定义ViewState["CurrentTable"] 。 这就是我添加到您的代码中的内容：

 public DataTable CurrentTable
        {
            get
            {
                return (DataTable)ViewState["CurrentTable"];
            }

            set
            {
                ViewState["CurrentTable"] = value;
            }
        }

*描述其工作方式的GIF 。

编辑我建议以下内容，以便能够将数据保留在gridview上：

ViewState List应该具有以下值：

public class CustomDataTable
{
    public int BlockID { get; set; }
    public string BlockName { get; set; }
    public string Column1 { get; set; }
    public string Column2 { get; set; }
    public string Column3 { get; set; }
}

及其属性：

public List<CustomDataTable> CurrentTable
{
    get
    {
        return (List<CustomDataTable>)ViewState["CurrentTable"];
    }

    set
    {
        ViewState["CurrentTable"] = value;
    }
}

在下面的图片中；

• “ Add Flat按钮应该执行的操作是将新的默认行填充到gridview中。
• 只要单击“ Save按钮，它将把该行数据存储到CurrentTable中 。
• 每当单击“ Delete按钮时，都应从CurrentTable中 删除该行。