使用Javascript控制在用户控件中的控件

由于用户控件放入某个页面中时，控件在客户端（浏览器端）的ID已经发生改变，因此需要通过C#代码获得控件在客户端的ID，如以下代码：

1、定义

<div id="divEditTemplate" style="display:none"   runat="server">
</div>

<dx:ASPxButton ID="btnEditTemplate" runat="server" AutoPostBack="false" Text="编辑模板"></dx:ASPxButton>

注意：如果希望打开页面时默认不显示，应用style="display:none" ，不要使用visible=false。否则会脚本会找不到控件。

2、在*.aspx.cs页面中给按钮注册客户端事件：

 //注册编辑按钮的客户端单击事件
 this.btnEditTemplate.Attributes.Add("onclick", "ShowEditTemplate('" + this.divEditTemplate.ClientID + "') ");

3、编写客户端脚本代码：

 //显示或隐藏编辑模板区，需要传入控件的客户端ID
    function ShowEditTemplate(objectID) {
        var div = document.getElementById(objectID);
        if (div.style.display == "block") {
            div.style.display = "none";
        } else {
            div.style.display = "block";
        }
    }

 

4、有人说不需要在cs文件注册客户端事件，直接在页面中用代码<%=divEditTemplate.ClientID %>获得控件客户端ID，我尝试过，可以获得，但脚本依然找不到控件而出错，比如以下：

 //显示或隐藏编辑模板区    function ShowEditTemplateD) {
        var div = document.getElementById(“<%=divEditTemplate.ClientID %>”);
        if (div.style.display == "block") {
            div.style.display = "none";
        } else {
            div.style.display = "block";
        }
    }