.net教程:Asp.net 中ClientID的用法探讨

最新推荐文章于 2023-09-08 15:29:06 发布

brock

最新推荐文章于 2023-09-08 15:29:06 发布

阅读量791

点赞数

CC 4.0 BY-SA版权

分类专栏： .net .net webservice 文章标签： asp.net .net textbox calendar javascript 服务器

本文链接：https://blog.youkuaiyun.com/zhdd1234/article/details/5577334

.net 同时被 2 个专栏收录

110 篇文章

订阅专栏

.net webservice

13 篇文章

订阅专栏

本文详细探讨了在ASP.NET环境下，如何解决用户控件和母版页子页面中JavaScript访问服务器控件ID时出现不一致的问题。通过展示特定代码片段，介绍了获取动态创建控件ClientID的方法，并提供了手工生成ClientID解决动态控件访问问题的策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于ClientID的使用我遇到一下问题：

获取由 ASP.NET 生成的服务器控件标识符。

问题一：用户控件的页面JavaScript中需要使用Asp.net的控件ID，出现不一致。
问题二：母版页的子页面JavaScript中需要使用Asp.net的控件ID，出现不一致。
解决办法：
document.getElementById("<%=TextBox1.ClientID%>").value="1234567";

此代码可以在客户端完成对服务器端控件的访问，由于ASP.NET会为把服务器端控件在客户端的呈现生成不同的名称，所以此功能比较有用获取。

注意采用此解决办法的前提: Asp.net的控件为静态控件（通过工具添加的控件）

问题三：动态创建控件的ClientID的获得存在：不能在页面中采用"<%=TextBox1.ClientID%>".方法获得（不能的方法，因为控件是动态创建的）；也不能在页面脚本中采用TextBox1.ClientID的方法获得（获得的ID是不正确的）。
解决办法：
（CitySpecProductScheduledControl.ascx.cs代码片段）
           TextBox text = new TextBox();
            text.MaxLength = 12;
            text.Columns = 12;
            text.Text = DateTime.Now.ToShortDateString();
            text.ID = "dateId";
            text.Attributes.Add("onclick", "calendar()");
            text.Attributes.Add("class", "text");

            HtmlImage dateimg = new HtmlImage();
            dateimg.Src = "../CommonImages/cal.gif";
            string js = string.Format("calendar({0}_{1})",this.ClientID, text.ClientID); //关键代码，按照客户端ClientID的产生规则手工生成。
            dateimg.Attributes.Add("onclick", js);

以上解决办法经过1个小时的研究解决，并进行了测试没有问题