1

我有一个带有两个用户控件的 VB ASP.NET Web 应用程序，每个控件都包含一个文本输入。有两个提交按钮，每个按钮对应一个用户控件。

单击按钮会添加其相应用户控件的实例。在大多数情况下，除了在特定情况下文本框的 ID 会混淆，从而混淆先前输入的值之外，这在很大程度上是可行的。

问题场景如下：

1) 单击第二个按钮（添加批准人按钮）两次，然后在两个结果文本框中输入一些值（为便于分析，使值不同）。

2) 单击第一个按钮（添加文档按钮）一次。（这里不需要在结果文本框中添加任何值。）

在这一点上，一切似乎都是正确的。查看页面源代码，我看到两个“审批者”文本框的 ID 为 ctl02_txtApprover 和 ctl03_txtApprover，一个“文档”文本框的 ID 为 ctl04_txtDocument。

  1. 再次单击第一个按钮（添加文档按钮）。

此时第一个“批准人”文本框中的值消失了。第二个“审批者”文本框中的值迁移到第一个“审批者”文本框中。查看页面源码，两个“Approver”文本框的 ID 已更改为 ctl03_txtApprover 和 ctl04_txtApprover。考虑到文本框 ID 已更改，迁移的值是有意义的。换句话说，ViewState 看起来正确，但控件 ID 不正确。

我已尽可能简单地编写代码并将其发布在这里。

默认.aspx

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="WebApplicationUserControlTest._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:PlaceHolder ID="phDocument" runat="server" />
        <asp:Button ID="btnAddDocument" runat="server" Text="Add Document" />
        <br /><br />
        <asp:PlaceHolder ID="phApprover" runat="server" />
        <asp:Button ID="btnAddApprover" runat="server" Text="Add Approver" />
    </form>
</body>
</html>

默认.aspx.vb

Public Class _Default
Inherits System.Web.UI.Page
Private Const VIEWSTATE_DOCUMENT_COUNT As String = "DocumentCount"
Private Const VIEWSTATE_APPROVER_COUNT As String = "ApproverCount"

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
    If Not IsPostBack Then
        ViewState(VIEWSTATE_DOCUMENT_COUNT) = 0
        ViewState(VIEWSTATE_APPROVER_COUNT) = 0
    Else
        're-display any preexisting dynamic sections on postback
        AddAllDocumentInfoSections()
        AddAllApproverSections()
    End If
End Sub

Protected Sub btnAddDocument_Click(sender As Object, e As EventArgs) Handles btnAddDocument.Click
    ViewState(VIEWSTATE_DOCUMENT_COUNT) += 1
    AddDocumentSection()
End Sub

Protected Sub btnAddApprover_Click(sender As Object, e As EventArgs) Handles btnAddApprover.Click
    ViewState(VIEWSTATE_APPROVER_COUNT) += 1
    AddApproverSection()
End Sub

Private Sub AddAllDocumentInfoSections()
    For i As Integer = 0 To ViewState(VIEWSTATE_DOCUMENT_COUNT) - 1
        AddDocumentSection()
    Next
End Sub

Private Sub AddAllApproverSections()
    For i As Integer = 0 To ViewState(VIEWSTATE_APPROVER_COUNT) - 1
        AddApproverSection()
    Next
End Sub

Private Sub AddDocumentSection()
    Dim c As UserControl = LoadControl("~/Document.ascx")
    phDocument.Controls.Add(c)
End Sub

Private Sub AddApproverSection()
    Dim c As UserControl = LoadControl("~/Approver.ascx")
    phApprover.Controls.Add(c)
End Sub
End Class

文档.ascx

<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="Document.ascx.vb" Inherits="WebApplicationUserControlTest.Document" %><asp:TextBox ID="txtDocument" runat="server" /><br /><br />

审批人.ascx

<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="Approver.ascx.vb" Inherits="WebApplicationUserControlTest.Approver" %><asp:TextBox ID="txtApprover" runat="server" /><br /><br />

我正在使用 Visual Studio 2010。目标框架是 4.0。我尝试更改 clientIDMode 但这似乎没有什么不同。我遇到了 .NET 的错误还是我的代码有问题？

4

2 回答 2

1

这里的问题是您正在修改 Controls 集合和 ViewState 在它们被初始化之后。 您永远不应在 Page Load 事件中动态添加控件。

您需要在Page 生命周期的 Page_Init 阶段添加控件，并从 Page_Load 事件中的 else 语句中删除代码。您的新 Page_Init 事件将如下所示：

Protected Sub Page_Init(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Init
    AddAllDocumentInfoSections()
    AddAllApproverSections()
End Sub

我相信您可能必须更改为这些控件存储“计数”的方式，因为在这个阶段还没有 View State 信息。在这种情况下，我会将其存储为 Session 变量。您只需要在整个代码示例中使用“Session”更改对“ViewState”的引用，如下所示：

Private Sub AddAllDocumentInfoSections()
    For i As Integer = 0 To Session(VIEWSTATE_DOCUMENT_COUNT) - 1
        AddDocumentSection()
    Next
End Sub
于 2013-04-26T20:00:55.627 回答
1

你的代码有问题。

如果您将控件动态添加到控件树中的同一命名容器中，则需要在每次回发后以相同的顺序添加它们。

在你的情况下，你没有这样做。

在您的第 2 步中，您按此顺序添加了三个控件：

  • 审批人 1 (AddAllApproverSections)
  • 审批人 2 (AddAllApproverSections)
  • DocumentInfo 1 (btnAddDocument_Click)

但是在回发之后，您按以下顺序重新生成它们：

  • DocumentInfo 1 (AddAllDocumentInfoSections)
  • 审批人 1 (AddAllApproverSections)
  • 审批人 2 (AddAllApproverSections)

因此，控件 ID 不同，您看到的问题也不同。

一种解决方案可能是在 ViewState 中存储表示控件添加顺序的附加信息，以便您可以以相同的顺序重新创建它们。

但我可能倾向于采用不同的方法，例如将 DocumentInfo 部分放入 Repeater 的模板中，将 Approver 部分放入第二个 Repeater。每个Repeater 将数据绑定到一个合适的集合，添加一个项目（Approver 或DocumentInfo）将通过向相关集合添加一个元素并调用DataBind 来实现。

于 2013-04-26T20:23:18.647 回答