动态事件处理程序未触发



我想根据用户在文本框中输入的数字动态创建一定数量的控件。这部分我工作正常,但我还需要动态创建的文本框具有自己的事件处理程序,以便用户可以在其中输入数字,并创建更多控件。

我的问题是我为这些控件设置的事件处理程序没有触发。也许我没有正确理解 ASP.NET 页面生命周期,但我目前正在 OnInit 事件中生成动态控件(在我在第一个文本框的 TextChanged 事件中生成它们之前,但根据我在这里找到的 Oded 的建议切换到使用 OnInit 事件:动态添加的事件处理程序未触发)。

编辑

删除了我最初发布的代码,因为否则这篇文章会太长。

我将在这里发布我的整个.aspx代码和背后的代码,所以你们知道这正是我正在查看的内容。同样,当此代码内部的文本更改时,此代码生成的动态 TextBox 不会触发绑定到它的事件处理程序,它只是消失。有趣的是 - 我认为当您更改文本时确实会发生回发,但它不会触发事件处理程序......

ASPX 前端:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_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>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
        <div id="dynamicControlDiv">
            <asp:Label ID="lblEnter" runat="server" Text="Enter the amount of textboxes you want:"></asp:Label>
            <asp:TextBox ID="txtEnter" runat="server" AutoPostBack="true"></asp:TextBox>
            <asp:Label ID="lblConfirm" runat="server" Text=""></asp:Label>
        </div>
    </form>
</body>
</html>

代码隐藏:

部分类_Default 继承 System.Web.UI.Page

Dim numOfDesiredControls As Int16
Protected Sub txtEnter_TextChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles txtEnter.TextChanged
    Try
        numOfDesiredControls = Convert.ToInt16(txtEnter.Text)
        If Not numOfDesiredControls = 0 Then
            For i As Int16 = 1 To numOfDesiredControls
                Dim txtTest As New TextBox
                txtTest.Text = "dynamicTextBox"
                txtTest.ID = "dynamicTextBox" + i.ToString
                txtTest.AutoPostBack = True
                Form.Controls.Add(txtTest)
                AddHandler txtTest.TextChanged, AddressOf dynamicEventHandler
            Next
        End If
    Catch ex As Exception
    End Try
End Sub
Protected Sub dynamicEventHandler(ByVal sender As Object, ByVal e As System.EventArgs)
    ' If the event handler gets fired, reflect this by changing the text of lblConfirm
    lblConfirm.Visible = True
    lblConfirm.Text = "Event handler fired!"
End Sub
End Class

尝试使用此代码制作自己的项目,看看您是否遇到与我相同的问题 - 动态创建的 TextBox 回发,但不触发其事件处理程序,然后 TextBox 从页面中消失......再次感谢您的帮助!

由于ViewState,动态控件可能有点棘手

基本上:您添加动态控件是为了响应 TextChanged 事件,该事件在 InitLoad 之后以及ViewState反序列化后触发。因此,您遇到了问题,因为ViewState不知道动态控件,并且与您的期望不同步。通过在Load阶段检查txtEnter.Text的值并在那里创建控件,您可以让您的ViewState知道这些控件(请记住,每次页面加载时都会创建这些控件!),因此您的dynamicEventHandler现在具有要执行的上下文。

以下是更正后的代码(但为简单起见,作为带有嵌入式 VB 的单个文件,您当然可以将其分离到代码隐藏文件中):

<%@ Page Language="VB" AutoEventWireup="false" %>
<script runat="server">
    Dim numOfDesiredControls As Int16
    Protected Sub Page_Load() Handles form1.Load
        Try
            numOfDesiredControls = Convert.ToInt16(txtEnter.Text)
            If Not numOfDesiredControls = 0 Then
                For i As Int16 = 1 To numOfDesiredControls
                    Dim txtTest As New TextBox
                    txtTest.Text = "dynamicTextBox"
                    txtTest.ID = "dynamicTextBox" + i.ToString
                    txtTest.AutoPostBack = True
                    ' txtTest.EnableViewState = False
                    Form.Controls.Add(txtTest)
                    AddHandler txtTest.TextChanged, AddressOf dynamicEventHandler
                Next
            End If
        Catch ex As Exception
        End Try
    End Sub
    Protected Sub dynamicEventHandler(ByVal sender As Object, ByVal e As System.EventArgs)
        ' If the event handler gets fired, reflect this by changing the text of lblConfirm
        Dim txt As TextBox
        txt = CType(sender, TextBox)
        lblConfirm.Visible = True
        lblConfirm.Text = "Event handler " + txt.Id + " fired: " + txt.Text ' append ID and text so we know which one fired it.
    End Sub
</script>
<!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>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
        <div id="dynamicControlDiv">
            <asp:Label ID="lblEnter" runat="server" Text="Enter the amount of textboxes you want:"></asp:Label>
            <asp:TextBox ID="txtEnter" runat="server" AutoPostBack="true"></asp:TextBox>
            <asp:Label ID="lblConfirm" runat="server" Text=""></asp:Label>
        </div>
    </form>
</body>
</html>

下面是 Msft 关于解释行为的动态控件的起点。有很多资源可以做到这一点。

http://msdn.microsoft.com/en-us/library/hbdfdyh7.aspx

专业提示:如果可以的话,不要使用动态控件。虽然这可以说是支持不使用JavaScript的浏览器的一种不错的方法,但如今首选的方法是使用JavaScript动态构建控件并使用AJAX进行更新。否则,您发送的数据将超出您的需求。当您使用 PostBack 时,每次您 POST 回服务器时,您都会 (1) 将整个ViewState以及表单数据上传到服务器,(2) 在服务器上重建整个页面(解析ViewState、渲染 HTML 等),以及 (3) 将所有 HTML(和ViewState)发送回客户端。这对于适用电源使用和数据计划费率的移动设备尤其麻烦。

您需要

将动态文本框的 AutoPostback 属性设置为True,以便它们触发其 TextChanged 事件。

Protected Overrides Sub OnInit(ByVal e As System.EventArgs)
    MyBase.OnInit(e)
    For i As Int16 = 0 To 5
        Dim txtTest As New TextBox
        txtTest.Text = "this is an OnInit generated textbox"
        txtTest.ID = "testOnInit" + i.ToString
        txtTest.AutoPostBack = True  
        Form.Controls.Add(txtTest)
        AddHandler txtTest.TextChanged, AddressOf txtTest_TextChanged
    Next
End Sub
Protected Sub txtTest_TextChanged(ByVal sender As Object, ByVal e As System.EventArgs)
    Dim txt As TextBox = DirectCast(sender, TextBox)
    lblTest.Text = txt.ID & " value changed to " & txt.Text
End Sub

相关内容

  • 没有找到相关文章

最新更新