由于用户控件放入某个页面中时,控件在客户端(浏览器端)的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";
}
}