asp.net - 如何从javascript控制用户控件

Question

我有一个带有属性 targetUrl 的用户控件。我将此用户控件添加到页面并从该页面写入 targetUrl 属性，如下所示:

<PBG:Modal ID="Modal1"
           runat="server"
           Height="180"
           Width="500"
           src="pop_adres_giris.aspx"/>

这工作正常，但我想从 javascript 更改 targetUrl 属性。而我做不到。我写了如下代码，但没有用。

var frm = document.getElementById('Modal1');            
frm.targetUrl = 'pop_adres_giris.aspx';

我该怎么做？

Answer 1

在客户端生成 HTML 的 UserControl 对象不能像处理服务器端调用时可用的丰富对象那样访问。

根据 UserControl 是什么，您将需要使用不同的方法来获取它并设置“targetUrl”。

此外，为了简化对 DOM 中元素的访问，您可能需要考虑使用 jQuery 或 prototype 等库

一旦您声明了您的控件，例如，如果您使用的是 asp:Hyperlink 控件:

<div id="hyperlink_holder">
  <asp:Hyperlink ... NavigateUrl="http://someurl" />
</div>

你知道 asp:Hyperlink 生成类似 <a href="http://someurl" ... /> 的 html

因此我们可以访问元素并更改链接:

$('#hyperlink_holder a').attr("href", "http://newurl");

此外，请注意，您在 ASP.NET 中为项目提供的 ID 不一定是将呈现在 HTML 中的 id 元素中的 ID；它是多个 id 的串联；因此尽可能使用基于非 runat="server"控件的选择器，或者在绝对必要时将 UserControl 的 ClientID 传递给客户端以供选择。