动态创建的行在更新/删除时从 Gridview 中消失

Question

情况：我在一个页面上有多个Gridview，每个Gridview都有一个动态创建的行来在底部显示总计。在每种情况下，总计行都是在 RowDataBound 事件上创建的。我正在使用的策略类似于 Mike Dugan 在他的 博客。

以下是其中一个 GridView 的代码，但其他 GridView 都执行非常相似的操作。

protected void gvWorkerHours_RowDataBound(object sender, GridViewRowEventArgs e)
{
    // Keep running total of hours.  
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        totalBillableHours += Convert.ToDouble(DataBinder.Eval(e.Row.DataItem, "Hours"));
    }

    if (e.Row.RowType == DataControlRowType.Footer)
    {
        int numColumns = gvWorkerHours.Columns.Count;
        int hoursIndex = 4; //5th column, 0-based
        int rowIndex = gvWorkerHours.Rows.Count + 1;

        CreateTotalRow((Table)e.Row.Parent, rowIndex, totalBillableHours, hoursIndex, numColumns);
    }
}

private void CreateTotalRow(Table table, int rowIndex, double totalValue, int totalIndex, int numColumns)
{
    TableCell[] cells = new TableCell[numColumns];
    for (int i = 0; i < numColumns; i++)
    {
        TableCell cell = new TableCell();
        Label label = new Label();
        label.Font.Bold = true;

        if (i == 0)
        {
            label.Text = "Total";
        }
        else if (i == totalIndex)
        {
            label.Text = totalValue.ToString();
        }
        else
        {
            label.Text = "";
        }

        cell.Controls.Add(label);
        cells[i] = cell;
    }
    GridViewRow row = new GridViewRow(-1, -1, DataControlRowType.DataRow, DataControlRowState.Normal);
    row.Cells.AddRange(cells);
    table.Rows.AddAt(rowIndex, row);
}

问题：如果用户单击这些 Gridview 上任何行的编辑/删除命令，则会导致所有其他 Gridview 的总计行消失。据我了解，这是因为正在发生 PostBack，但是其他 GridView 不会发生 RowDataBound 事件，而是它们只会从 ViewState 重新加载数据，而 ViewState 不包含总计。

尝试解决失败：我不能在回发期间简单地在每个 GridView 上调用 DataBind，因为这会阻止更新/删除的发生。尽管在回发期间 GridView 会发生 RowCreated 事件，但该事件还不够，因为 GridView 不会绑定数据，并且当我尝试计算总数时会引发异常。禁用这些 GridView 的 ViewState 似乎是一个解决方案，但是每次用户单击命令时都会重新加载大量数据。手动将数据保存到 ViewState 似乎也是一种解决方案，但似乎没有一种简单的方法可以让 GridView 在 PostBack 上检索此自定义数据。

有什么方法可以真正实现我想要使用 ASP.NET 做的事情吗？在每个 GridView 底部都有一个总计行似乎是一个简单的要求。

预先感谢您的任何帮助。

Answer 1

如果您尝试使用 gridView.OnPreRender 事件而不是 gridView.RowDataBound 事件创建动态行，会怎样？这样，计算动态行结果所需的数据就可用，但 html 尚未发送到 Web 浏览器。请发布更多代码，以便我们提供更深入的见解来解决您的问题。

Answer 2

按照建议，我尝试将代码放在 PreRender 事件而不是 RowDataBound 事件中创建总计行。这似乎有效，只是它破坏了它所使用的 GridView 的所有命令。看来手动更改 GridView 会破坏其自动行为。

protected void gvWorkerHours_PreRender(object sender, EventArgs e)
{
    double total = 0;
    int numColumns = gvWorkerHours.Columns.Count;
    int hoursIndex = 4; //5th column, 0-based
    int rowIndex = gvWorkerHours.Rows.Count + 1;

    foreach (GridViewRow row in gvWorkerHours.Rows)
    {
        if (row.RowType == DataControlRowType.DataRow)
        {
            Label label = (Label)row.FindControl("lblHours");
            total += Convert.ToDouble(label.Text);
        }
    }

    CreateTotalRow((Table)gvWorkerHours.Rows[0].Parent, rowIndex, total, hoursIndex, numColumns);
}

Answer 3

好的，我最终解决这个问题的方法是使用 JQuery。如果其他人面临类似的问题，请记住，必须在 DOM 准备好时以及任何回发结束时计算总数。要处理回发情况，您只需使用 ScriptManager.RegisterStartupScript() 调用客户端上的 Javascript。

同样，在我的情况下有四个 GridView，但我将只显示其中之一的 JQuery 代码：

$(document).ready(function () {
    setTotals();
});

function setTotals() {

    var totalHours = getBillableHoursTotal();
    if (isNaN(totalHours)) totalHours = '...editing';
    $('#spanBillableHoursTotal').html(totalHours);

    //... etc.
}

function getBillableHoursTotal() {
    var total = 0.0;
    var rows = $('table[id*="_gvWorkerHours"] tr.RegularRows');
    $(rows).each(function () {
        total = total + parseFloat($(this).children('td').children('span[id*="lblHours"]').html()); 
    });
    return total;
}

对于后面代码中的 C#：

protected void Page_Load(object sender, EventArgs e)
{
    // ... preceeding Page Load code

    if (IsPostBack)
    {
        ScriptManager.RegisterStartupScript(this, this.GetType(), "?", "setTotals()", true);
    }
}