c# – ASP.Net:ClientID在用户控件的代码隐藏中不正确

以下代码不起作用.标记位于用户控件中,我想这就是ClientID为TextBox id返回错误前缀的原因.

标记

<INPUT id="txtName" runat="server" maxlength="50" style="WIDTH:100px">
<INPUT type="button" value="Find Your Doctor" id="btnFind" runat="server"
      style="MARGIN-LEFT:10px;WIDTH:130px">

代码隐藏:

btnFind.Attributes.Add("onClick",string.Format("DoctorLink
        ('{0}',document.getElementById('{1}').value,{2});",row["ZipCode"],txtName.ClientID));

浏览器结果:

<input name="DoctorsMainArea1$ctl01$txtName" type="text"
   id="DoctorsMainArea1_ctl01_txtName" maxlength="50" style="WIDTH:100px" />

<input name="DoctorsMainArea1$ctl01$btnFind" type="button" 
   id="DoctorsMainArea1_ctl01_btnFind" value="Find Your Doctor" style="MARGIN-
   LEFT:10px;WIDTH:130px" onClick="PrepareDoctorLink('90210',document.getElementById('DoctorsMainArea1_ctl00_txtName').value);" />

如您所见,JavaScript调用的参数是DoctorsMainArea1_ctl00_txtName,但输入元素的实际ID是DoctorsMainArea1_ctl01_txtName.

知道如何解决这个问题吗? jQuery的?我对解释正在发生的事情并不感兴趣(可能在此页面上有另一个控件干扰),但是解决问题的方法更为强大.

解决方法

您应该尝试将添加onclick属性代码移动到页面用户控件中PreRender事件(或OnPreRender覆盖)中的按钮.这应该可以使ClientID正确.

相关文章

目录简介使用JS互操作使用ClipLazor库创建项目使用方法简单测...
目录简介快速入门安装 NuGet 包实体类User数据库类DbFactory...
本文实现一个简单的配置类,原理比较简单,适用于一些小型项...
C#中Description特性主要用于枚举和属性,方法比较简单,记录...
[TOC] # 原理简介 本文参考[C#/WPF/WinForm/程序实现软件开机...
目录简介获取 HTML 文档解析 HTML 文档测试补充:使用 CSS 选...