ASP .Net 在 textchanged 回发的 asp 页面上更新单个元素

Question

我在一个 webform 视觉工作室项目中有两个网格视图。第一个是一个固定大小的网格，我使用 javascript 设法将其设置为返回一个网格引用，然后将其输出到两个文本框。然后，这些文本框会使用与第一个网格的单击单元格中的数字相关的记录来更新第二个网格：

第一个 gridview 是彩色的，第二个 gridview 是它下面的破折号分隔文本。在示例中，您可以看到选定的单元格引用是 D 和 3a，下面的第二个网格显示了 6 个学生的姓名，单元格 D 3a 中的数字是指的。这很好用。但是，在我多次单击网格后，布局变得混乱：

正如您所见，渲染的标题消失了，这会导致布局问题以及随后的网格参考定位问题。

在第一个 gridview 的数据绑定事件中，我有以下 vbcode 生成在 gridview 上消失的附加标题：

    If gvProgressGrid IsNot Nothing Then
        Dim row As New GridViewRow(0, -1, DataControlRowType.Header, DataControlRowState.Normal)

        Dim left As TableCell = New TableHeaderCell()
        left.ColumnSpan = 2
        row.Cells.Add(left)
        left.BorderStyle = BorderStyle.None

        Dim grades As TableCell = New TableHeaderCell()
        grades.ColumnSpan = 10
        grades.Text = "Grades"
        row.Cells.Add(grades)

        Dim cohort As TableCell = New TableHeaderCell()
        cohort.ColumnSpan = 1
        cohort.Text = "Cohort"
        cohort.RowSpan = 2
        cohort.BackColor = Drawing.Color.FromArgb(242, 242, 242)
        row.Cells.Add(cohort)

        Dim expected As TableCell = New TableHeaderCell()
        expected.ColumnSpan = 2

        Select Case strYear
            Case "11"
                expected.Text = "Students achieving expected progress (3 or more levels)"
            Case "10"
                expected.Text = "Students achieving expected progress (2 or more levels)"
            Case "9"
                expected.Text = "Students achieving expected progress (1 or more levels)"
        End Select

        expected.BackColor = Drawing.Color.FromArgb(216, 216, 216)
        expected.Width = 250
        row.Cells.Add(expected)

        Dim above As TableCell = New TableHeaderCell()
        above.ColumnSpan = 2
        Select Case strYear
            Case "11"
                above.Text = "Students achieving above expected progress (4 or more levels)"
            Case "10"
                above.Text = "Students achieving above expected progress (3 or more levels)"
            Case "9"
                above.Text = "Students achieving above expected progress (2 or more levels)"
        End Select
        above.BackColor = Drawing.Color.FromArgb(242, 242, 242)
        above.Width = 250
        row.Cells.Add(above)

        Dim t As Table = TryCast(gvProgressGrid.Controls(0), Table)
        If t IsNot Nothing Then
            t.Rows.AddAt(0, row)
        End If
    End If

我使用我的 javascript 中的以下代码（在点击时获取第一个 gridview 的网格引用的脚本）自动触发第二个文本框的文本更改/失去焦点：

document.getElementById("<%=tbKS2.ClientID%>").value = strKS2;
__doPostBack(document.getElementById("<%=tbKS2.ClientID%>").name, '')  

当单击第一个网格时，只有第二个 gridview 需要更新，并且看起来好像整个页面或至少第一个 gridview 也在更新。

我怎样才能得到它，以便一旦触发上述文本框回发，只有我的第二个 gridview 被更新，页面上的其余元素保持原样呈现？

谢谢。

Answer 1

您需要在网格的 RowCreated 事件期间插入行：

Private Sub gvProgressGrid_RowCreated(sender As Object, e As GridViewRowEventArgs) Handles gvProgressGrid.RowCreated
    If e.Row.RowType = DataControlRowType.Header Then

        ' the rest of your code
        ' ...
        ' ...


    End If

End Sub