ASP.Net 从哪里获取其呈现的 ID？

Question

我继承了一个带有一些令人讨厌的 JavaScript 的项目，该项目依赖于硬编码的对象 ID。
即有很多地方它会执行类似这样的操作

var magazine = document.getElementById('repModuleDisplay__ctl3_chkCats_0');

当页面在我的 UAT 环境中呈现时，HTML 看起来像这样，并且一切正常。

<input id="repModuleDisplay__ctl3_chkCats_0" 
    type="checkbox" name="repModuleDisplay:_ctl3:chkCats:0"  
    ... etc

然而，当我把它放在生产环境中时，HTML 突然像这样呈现：

<input id="repModuleDisplay_ctl03_chkCats_0" 
    type="checkbox" name="repModuleDisplay$ctl03$chkCats$0" 
    ... etc

id 的差异意味着 JavaScript 无法找到该元素，并且失败。

在理想的情况下，我会废弃有缺陷的 JavaScript 并正确地再次执行它，但为了快速修复，我想知道是什么导致了两个环境之间渲染的差异。

有人有什么想法吗？

谢谢， 尼尔

Answer 1

我能想到的最快、最简单的修复方法（如果代码到处都是，可能不是特别快或容易）是使用控件的实际 ClientID 属性，而不是尝试猜猜生成的 id 可能是什么：

// i've assumed that the control is named chkCats
var magazine = document.getElementById('<%= chkCats.ClientID %>');

Answer 2

您必须使用 clientID 进行 asp.net 控制。

'<%=mycontrol.ClientID %>'

Answer 3

使用 .NET4 并在要与 js 一起使用的控件上设置 ClientIDMode 属性。

例如;

  <asp:TextBox ID="txtComment" runat="server" CssClass="myClass"
    ClientIDMode="Static" MaxLength="1024"></asp:TextBox>

Answer 4

此链接 简要描述了 ASP.NET 如何创建 ids，所有其他发帖者都推荐了使用控件的 ClientID 的正确解决方案。

如果您想避开 ASP 样式标记，那么另一个选择是在 PreRender 期间向您的页面发出一些 js：

StringBuilder sb = new StringBuilder();
sb.AppendLine(string.Format("var myTextBox = document.getElementById('{0}');", MyTextBox.ClientID));
if (!Page.ClientScript.IsClientScriptBlockRegistered(this.GetType(), "myElementDefinitions"))
    Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "myElementDefinitions", sb.ToString());

然后在您的 javascript 代码中您只需使用名称 myTextBox 引用它。此选项可能不适合您，具体取决于您的代码以及您使用 ASP 标记引用同一控件 ID 的频率。