如何从外部JavaScript文件访问服务器控件？

Question

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

如何从外部JavaScript文件访问ASP文本框？ 我不能相信这是行不通的。

Answer 1

我要做的是将一个脚本放在我的主页上（而不是在外部文件中），该脚本仅包含这样的对象定义：

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

这里的窍门是必须将其放在标题中，否则不能从外部文件中使用它，因此必须将runat="server"添加到head元素声明中。 这也解释了为什么我使用对象而不是简单的变量名。 它将其他地方发生命名冲突的机会降到最低（我只需要担心“控件”名称）。

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

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

要么

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

在这里查看另一个示例：
我可以指望ctl00_PagePlaceHolder_myId保持不变吗？

Answer 2

我认为文章会帮助您。 http://lanitdev.wordpress.com/2009/06/08/extending-jquery-to-select-asp-controls/ +

我已经使用了此解决方案，并且无需添加额外的标记即可很好地选择服务器控件。

Answer 3

我假设#<%= txtNumberOfDrugsInKit.ClientID %>在服务器端进行了评估，因此当然在外部js中不起作用，因为这些是静态提供的，而不是在服务器端进行处理的。

我认为您不完全了解服务器上运行的代码和客户端上运行的代码。 将数据传递到外部脚本中的一种方法是将其放入隐藏的输入或隐藏的div中，然后从外部脚本中读取该DOM元素。

Answer 4

“＃<％= txtNumberOfDrugsInKit.ClientID％>”很可能不在外部JS文件中执行，因为它不是ASP.NET页的一部分。您必须“硬编码” ID。

但是，如果ASP.NET生成的“怪异” ID出现问题，则可以将ClientID放入隐藏字段中，然后从外部JS文件中读取该字段。

Answer 5

我过去为解决此问题所做的就是改用CSS名称。 在txtNumberOfDrugsInKit控件上，您可以执行以下操作...

<asp:TextBox ID="txtNumberOfDrugsInKit" CssClass="txtNumberOfDrugsInKit" ... />

然后在您的jQuery中，您可以通过类名来引用它，而不是将它引用为$("#<%= txtNumberOfDrugsInKit.ClientID %>") 。 在这种情况下，您只需要执行$(".txtNumberOfDrugsInKit") 。 只要您在页面上保持这些选择器的唯一性-只需选择一个控件就完全没有问题。