从外部的js文件中获取ASPX页面的控件ClientID

前言
当使用MasterPage、UserControl等容器时，为了避免控件的重复命名，asp.net会自动将容器中的控件生成一个ClientID（Control Tree中的可生成，否则不会生成）。
例如：ContentPlaceHolder1中的Button1默认情况下会生成“ctl00_ContentPlaceHolder1_Button1”的ClientID。
我们在Render出来的mark up中看到的也是这些ClientID。所以，当我们使用JavaScript对控件元素进行操作的时候，必须使用ClientID来对控件进行查找。
Inline情况下的解决方案
如果JavaScript代码写在.aspx文件中时，也就是Inline Script时。在页面生成的时候，我们能够通过绑定机制将控件的ClientID绑定到页面Mark up中，故可使用：
document.getElementById("" )
来获取一个控件的真实引用，当然，FindControl等方法也可以写在中用来绑定服务端数据到客户端。
external JS情况下的解决方案
然而，部分情况下，为了解耦，我们常常把JavaScript单独写在.js文件中，再引用到aspx文件中去。这种情况下，.js文件内的代码不能通过来进行服务端数据的绑定，所以上面的方法是不能用的。
此时简单点的解决方案就是直接在JavaScript中写控件的ClientID，但这样增加了JS文件和ASPX的耦合度，非常不推荐使用。
我常用的方法有两种，在此抛砖引玉：
案例：
Default5.aspx是MasterPage.master 的内容页，本例中的主要文件。
JScript.js是一个外部的js文件，用来处理JavaScript操作。
Button1是Default5.aspx中的一个，用来显示效果。
Button2是Default5.aspx中的一个，用来触发JavaScript。
需求：点击Button2，将Button1上的文本改成“from extended js”
方案一：使用内联JS访问器
要想在外部JS中获得ASPX动态生成的ClientID，可以通过在ASPX页面中添加访问器的方式来实现，类似OO语言中的属性：
我们在Default5.aspx中添加如下代码：
作用：①声明getClientId访问器，并注册Button1的ClientID。②引用JScript.js文件

复制代码 代码如下:

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

上一篇：C# 邮件地址是否合法的验证

下一篇：asp.net 实现防迅雷等下载工具盗链

相关文章

• asp.net源程序编译为dll文件并调用的实现过程 2020-03-29
• 如何创建和读取xml文件 2020-03-10
• asp.net网页里面为什么找不到CS文件 2020-03-09
• ASP.NET实现大文件上传功能 2020-03-08
• .Net MVC网站中配置文件的读写 2020-02-28