将GridView绑定到DataTable不在GridView中显示数据，GridView为空

Question

我在ASP.Net中工作，使用C#作为后台代码。编辑器是Visual Studio 2012。我创建了一个有5列的GridView :第一列包含复选框，接下来的3列包含文本框，最后一列是按钮字段，如下所示(我将AutoGenerateColumns设为false是因为，否则DataBind会添加更多列)：

<asp:GridView ID="gvCDS" runat="server" AutoGenerateColumns="False"     OnRowDeleting="gvCDS_RowDeleting">
    <Columns>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:CheckBox ID="cbSelectedCDS" runat="server" Enabled="true"/>
            </ItemTemplate>
        </asp:TemplateField>

        <asp:TemplateField HeaderText="Module Code">
            <ItemTemplate>
                <asp:TextBox ID="tbxInputCDSModuleCode" runat="server"></asp:TextBox>
            </ItemTemplate>
        </asp:TemplateField>

        <asp:TemplateField HeaderText="Module Name">
            <ItemTemplate>
                <asp:TextBox ID="tbxInputCDSModuleName" runat="server"></asp:TextBox>
            </ItemTemplate>
        </asp:TemplateField>

        <asp:TemplateField HeaderText="Credit Units">
            <ItemTemplate>
                <asp:TextBox ID="tbxInputCDSCreditUnits" runat="server"></asp:TextBox>
            </ItemTemplate>
        </asp:TemplateField>

        <asp:ButtonField Text="Clear Module" />
    </Columns>

​

我需要显示从下拉列表中选择一个项目的GridView。GridView总是需要有8行。我已经编写了以下代码来显示GridView：

DataTable dt = ViewState["dt"] as DataTable;
if (dt == null)
{
    dt = new DataTable();
    dt.Columns.Add("", typeof(Boolean));
    dt.Columns.Add("Module Code", typeof(String));
    dt.Columns.Add("Module Name", typeof(String));
    dt.Columns.Add("Credit Units", typeof(String));

    for (int i = 0; i < 8; i++)
    {
        dt.Rows.Add(dt.NewRow());
    }
}
gvCDS.DataSource = dt;
gvCDS.DataBind();
ViewState["dt"] = dt;
gvCDS.Visible = true;

用户在GridView中输入一些内容，然后单击一个按钮。在按钮的单击事件过程中，我需要从GridView中删除选中的行并添加行，以便总行数保持为8。如果我只是调用.DeleteRow方法，该行不会被删除。我仍然可以在浏览器中看到之前的GridView。因此，我首先将GridView的内容复制到DataTable中，如下所示：

DataTable dt = ViewState["dt"] as DataTable;
int rowCounter = 0;
foreach (GridViewRow row in gvCDS.Rows)
{
    DataRow dr = dt.Rows[rowCounter];
    dr[0] = ((CheckBox)row.FindControl("cbSelectedCDS")).Checked;
    dr[1] = ((TextBox)row.FindControl("tbxInputCDSModuleCode")).Text;
    dr[2] = ((TextBox)row.FindControl("tbxInputCDSModuleName")).Text;
    dr[3] = ((TextBox)row.FindControl("tbxInputCDSCreditUnits")).Text;
    rowCounter++;
}

之后，我不是从GridView中删除行，而是从DataTable中删除行，如下所示：

rowCounter = 0;
int rowsDeleted = 0;
foreach (GridViewRow row in gvCDS.Rows)
{
    if (((CheckBox)row.FindControl("cbSelectedCDS")).Checked)
    {
        dt.Rows.RemoveAt(rowCounter);
        rowsDeleted++;
    }
    else
    {
        rowCounter++;
    }  
}

rowsDeleted now contains the number of rows that were deleted. I add that many rows in the DataTable so that the total number of rows remains as 8.
for (i = 0; i < rowsDeleted; i++)
{
    dt.Rows.Add(dt.NewRow());
}

之后，我将GridView绑定到DataTable，如下所示：

ViewState["dt"] = dt;
gvCDS.DataSource = dt;
gvCDS.DataBind();

GridView仍然有8行。这是正确的。但问题是整个GridView都变成了空的。在测试时，我填充了一些行，并且只检查了其中的一行。因此，未选中的行的内容应该在那里。但是整个GridView都是空的。我不知道为什么。不仅如此，我甚至通过取消选中所有行进行了测试，这意味着不会删除任何行。尽管如此，GridView仍然变得完全为空。我该如何解决这个问题？谢谢。

Answer 1

问题是GridView中的文本框是，而不是绑定到任何字段。将它们的文本绑定到像Text='<%# Eval("Field")%>'这样的字段。

将您的GridView标记更改为：

<asp:GridView ID="gvCDS" runat="server" AutoGenerateColumns="False"     OnRowDeleting="gvCDS_RowDeleting">
    <Columns>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:CheckBox ID="cbSelectedCDS" runat="server" Enabled="true" />
            </ItemTemplate>
        </asp:TemplateField>

        <asp:TemplateField HeaderText="Module Code">
            <ItemTemplate>
                <asp:TextBox ID="tbxInputCDSModuleCode" Text='<%# Eval("Module Code")%>' runat="server"></asp:TextBox>
            </ItemTemplate>
        </asp:TemplateField>

        <asp:TemplateField HeaderText="Module Name">
            <ItemTemplate>
                <asp:TextBox ID="tbxInputCDSModuleName" Text='<%# Eval("Module Name")%>' runat="server"></asp:TextBox>
            </ItemTemplate>
        </asp:TemplateField>

        <asp:TemplateField HeaderText="Credit Units">
            <ItemTemplate>
                <asp:TextBox ID="tbxInputCDSCreditUnits"  Text='<%# Eval("Credit Units")%>' runat="server"></asp:TextBox>
            </ItemTemplate>
        </asp:TemplateField>

        <asp:ButtonField Text="Clear Module"/>
    </Columns>
</asp:GridView>