如何在使用asp.net创建的Java脚本中查找动态控件

Question

我已经在ASP.NET中创建了动态控件，如下所示。

首先我创建了复选框

 CheckBox chkDynamic = new CheckBox(); 

然后

 TextBox txtDynamic = new TextBox();
 txtDynamic.ID = "txtDynamic";

这些控件添加在tablecell中，而tableRow中添加，而TableRow中添加，aspPanel添加（仅在设计页面上创建面板）

现在我需要..当选中复选框时，我想使用JavaScript清除txtDynamic文本框

我尝试了以下方法，但没有起作用。

 chkDynamic.Attributes["onclick"] = "javascript:document.getElementById('" + txtDynamic.UniqueID + "').value='';";

我也尝试用Method作为

 chkDynamic.Attributes.Add("onclick", "javascript:ClearText(this)");

但是在此方法中，以下一行给我的错误未找到“ txtDynamic” ..，因为控件是动态添加的。

 document.getElementById("<%= txtDynamic.ClientID %>").value="";

提前致谢....

Answer 1

经过大量调试后，我喜欢这个答案。 ASP.Net在运行时会做什么，它通过将父控件附加一些前缀来更改控件的ClientID，因此在我将所有表添加到创建的所有TR的末尾之前，我已经添加了解决此问题的方法面板显示为plDynamicControls.Controls.Add(tblGeneralControls); 然后我添加了以下代码，它就像魅力

chkDynamic.Attributes["onclick"] = string.Format("yearSuffixCHK(this, '{0}')", txtDynamic.ClientID);
txtDynamic.Attributes["onchange"] = string.Format("yearSuffixTXT(this, '{0}')", chkDynamic.ClientID);

Answer 2

执行此脚本时，是否已确保将文本框加载到DOM中？

我建议在服务器端的javascript变量中注册控件的uniqueID / Client ID。

然后，在客户端上，在加载整个DOM之后，在复选框上绑定click事件，然后执行清理文本框的相应工作

（您可以通过在页面末尾编写脚本或使用document.ready以确保使用jQuery来确保已加载DOM）

谢谢，
普拉纳夫·考希克（Pranav Kauhik）
pranavkaushik.wordpress.com

Answer 3

您何时插入控件？ 如果您在Page_Load中执行此操作，它将无法正常工作。 如果您尚未将控件插入Page_Init（或Page_PreInit），则建议您这样做。

另外，请使用ClientID，而不要使用UniqueID，因为UniqueID可以包含冒号（:)，这在HTML ID属性中无效（并且在客户端脚本的变量名中不允许使用）。