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

Question

以下代码不起作用.标记位于用户控件中,我想这就是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的？我对解释正在发生的事情并不感兴趣(可能在此页面上有另一个控件干扰),但是解决问题的方法更为强大.

Answer 1

我不知道你使用的是哪个asp.net版本但是在4.0中你可以在任何服务器控件内声明ClientIDMode ="static",它会在浏览器中为你提供准确的id.

例:

<asp:Textbox id="txtName" runat="server" ClientIdMode="static"/>

其他是可预测的,继承的,它可以与ClientIdRowsuffix一起使用.可以在页面级别甚至在母版页甚至web.config文件中使用.

web.config文件的示例:

<system.web>
<Pages clientIDMode="predictable"/>
other system web properties
</system.web>

在tekpub观看了Craig鞋匠的视频,您还可以在Rick的博客链接文本中阅读更多相关信息.这很酷.

Answer 2

您应该尝试移动将 onclick 属性添加到页面或用户控件中PreRender事件（或 OnPreRender 重写）中的按钮的代码。这应该可以得到正确的 ClientID。