asp.net - 如何从外部 JavaScript 文件访问服务器控件？

Question

当我使用这个"#<%= txtNumberOfDrugsInKit.ClientID %>"时，我可以从我的 JQuery 脚本访问服务器控件；但是当我将其放入外部脚本文件中时，它不起作用。

如何从外部 JavaScript 文件访问 asp 文本框？我不敢相信这不起作用。

Answer 1

我所做的是将一个脚本放在我的主页上(而不是外部文件中)，该脚本仅包含如下对象定义:

var Controls = {
    'Name':<%="'" + txtNumberOfDrugsInKit.ClientID%>',
    'OtherName':<%="'" + otherControl.ClientID%>'
};

这里的技巧是，您必须将其放在 header 中，否则您无法从外部文件中使用它，因此您必须将 runat="server" 添加到您的 head 元素声明中。这也解释了为什么我使用对象而不是简单的变量名；它最大限度地减少了其他地方命名冲突的机会(我只需要担心“Controls”名称)。

然后我可以在外部脚本中使用该 Controls 对象，如下所示:

var OtherElement = document.getElementById(Controls.OtherName);

或

var jQueryObj = $('#' + Controls.OtherName);

请参阅此处的另一个示例:
Can I count on ctl00_PagePlaceHolder_myId staying the same?