我在 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 被更新并且页面上的其余元素保持呈现它们的原样?
谢谢。