我想根据用户在文本框中输入的数字动态创建一定数量的控件。这部分我工作正常,但我还需要动态创建的文本框具有自己的事件处理程序,以便用户可以在其中输入数字,并创建更多控件。
我的问题是我为这些控件设置的事件处理程序没有触发。也许我没有正确理解 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
事件,该事件在 Init
和 Load
之后以及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