ASP.NET 2.0创建母版页引来的麻烦(2)

作者: YJingLee 出处:博客园　2007-11-01 12:47　砖好评论条　进入论坛

阅读提示：本文将为大家介绍一下ASP.NET 2.0在创建母版页时引来的麻烦，并分析了问题产生的实质，大家在实际操作中多多注意一下。

再看看套用母版页之后，生成的HTML代码：

以下是引用片段：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head><title>使用母版页面抽象模型－YJingLee</title></head> 
<body> 
<form name="aspnetForm" method="post" action="Default2.aspx" id="aspnetForm"> 
<div> 
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" 
           value="/wEPDwUKLTEwMTY2NjE0OWRkADUETiohcorj2qXOE9M1qhFVw20=" /> 
</div> 
<div>         
<script language="javascript" type="text/javascript"> 
// <!CDATA[ 
function insert() { 
document.getElementById("txt").value=document.getElementById("txt").value+"(__)";
return; 
} 
// ]]> 
</script> 
<div> 
<textarea name="ctl00$ContentPlaceHolder1$txt" 
   id="ctl00_ContentPlaceHolder1_txt" rows="10" cols="50"></textarea> 
<input type="submit" name="ctl00$ContentPlaceHolder1$btnInsert" 
   value="服务器端插入(_)" onclick="insert();" id="ctl00_ContentPlaceHolder1_btnInsert" /> 
<input name="ctl00$ContentPlaceHolder1$btnInsert2" 
   type="button" id="ctl00_ContentPlaceHolder1_btnInsert2" 
   onclick="insert();" value="客户端插入(_)" /></div> 
</div>     
<div> 
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" 
   value="/wEWBAKyga4JAtO59ZELApOT2tEDApOTwvAC83bfMO00kt0PYcRte7XQOsXBcFE=" /> 
</div></form> 
</body> 
</html>

是不是看到问题了，源文件控件元素的ID和生成HTML文件的ID不一致。表单from的name属性和id属性变成了aspnetForm，控件的id属性被无缘无故了加上了ctl00_ContentPlaceHolder1_前缀，其name属性也加上了ctl00$ContentPlaceHolder1$前缀。

这下知道了，难怪提示“'document.getElementById(...)' 为空或不是对象”的错误了，原来生成页面后其ID都变了。

那么我们如何解决它呢?既然他id变了，我们就把JS代码id改为生成后的id。代码如下：

以下是引用片段：
function insert() { 
document.getElementById(
"ctl00$ContentPlaceHolder1$txt").value=document.getElementById(
"ctl00$ContentPlaceHolder1$txt").value+"(__)"; 
return; 
} 
//或者 
function insert() { 
document.getElementById(
"ctl00_ContentPlaceHolder1_txt").value=document.getElementById(
"ctl00_ContentPlaceHolder1_txt").value+"(__)"; 
return; 
}

好了，问题解决了，不过想想有什么更好的办法呢?到底为什么呢?

其实分析一下，它是后来生成的客户端id，我们可以用C#语句Control的ClientID属性，像这样写：txt.ClientID; txt还是原来控件的id，后面的ClientID就是新生成的id。txt.ClientID是从程序里取到的后来生成新的id，这样不是更好吗。修改代码如下：

以下是引用片段：
function insert() { 
document.getElementById("").value=document.getElementById("").value+"(__)"; 
return; 
}

还有在后台Request.Form["txt"]键值需要改变，必须变为Request.Form[""]才能接收到页面的值。想想如果想要得到ID的control是一个用户控件的话，当生成页面后尽管能得到其ClientID，但是却得不到这个对象，所以也就不能设置或获得其属性了。比如，我要做的这个用户控件，由三个DropDownList组成，可是我却想得到一个完整的日期值(指在客户端)，一种思路是先获得三个DropDownList的ClientID，然后再由ID1.value+ID2.value+ID3.value取得，可是如果你一个页面上需要放多个这样的用户控件的话，你需要取得多少个ClientID?显然这样做的话，工作量会很大，而且要操作众多的对象，很容易出错。

四、总结

这一类问题我像在我们编写程序时往往经常会遇到，总结一下：这应该属于“使用了MasterPage，或者GridView中的模版列后所有元素ID不一致问题”。由于种种原因(比如使用了MasterPage，或者GridView中的模版列)，一个控件在设计时的ID往往不同于生成页面后的ID，为了获得控件客户端ID，我们可以从生成的页面入手，取控件id有以下三种修改方法：(当然我还是推荐第三种)

以下是引用片段：
document.getElementById("ctl00$编辑区ID$控件ID"); 
document.getElementById("ctl00_编辑区ID_控件ID"); 
document.getElementById("");

至于为什么，是自己还没有深刻理解其中的根源还是.NET机制问题呢?

在我们设计时往往就会出现一些莫名其妙的问题，我想我们遇到问题时，冷静思考，把握主次，从底层框架入手，纠其原因，相信最终会找到答案。

【相关文章】

ASP.NET 2.0中控件的简单异步回调

ASP.NET 2.0中使用OWC生成图表

使用ASP.NET 2.0中的ReportViewer控件

【责任编辑：火凤凰 TEL：（010）68476606】

共2页: 上一页 [1] 2

【内容导航】

第 1 页：问题提出

第 2 页：总结

关于 ASP.NET 2.0 创建母版页 ASP.NET 的

文章

博文

帖子

· ASP.NET 2.0中XML数据的处理(04/16)

· ASP.NET 2.0跨网页提交的三种方法(04/14)

· ASP.NET 2.0移动开发入门之使用样式(04/03)

· ASP.NET 2.0 中跨网页提交的三种方法(02/28)

· ASP.NET 2.0的编译模型(11/12)

· 发布EntLib.com / YAF 开源论坛 v2.5 (ASP.NET..

· 枫花园创建了中国第一家汽车电影院

· 部署ASP.NET的三大技术

· asp.net(C#)很简单的网络硬盘系统.rar

· SQL Server 2005系列教学(3) 创建数据表

· How to ：创建邮件交换（MX）记录

· DNS服务器全攻略之三：创建与管理DNS区域

· 创建绿色环境赛门铁克“误杀事件”引发的思考

· asp.net 3.5

· OUTLOOK2003 创建Exchange帐户

专题

我也说两句

叫好

拍砖

中国领先的 IT 技术网站 ·
技术成就梦想

·提高C#编程水平的50个要诀
·Oracle收购BEA后的中间件以及SOA产..

· SQL Server 2008中不推..
· 谷歌启动2008年全球编..
· Sun宣布Java将在今年年..
· 在PPC上安装pythonce
· WindowsMobile应该如何..
· Spring2 Hibernate3 Ju..

· 寇卫东：如何说服老板..
· 寇卫东：如何迈出SOA实..
· 寇卫东博士细数SOA实施..
· How to ：创建邮件交换..
· DNS服务器全攻略之三 ..
· 创建绿色环境赛门铁克..

排行榜

·Java基础教程 (查看81024次)
·UML类图详解 (查看72498次)
·C++是垃圾语言？！ (查看42631次)
·C#技术开发指南 (查看40232次)
·UML统一建模语言 (查看39205次)

·Java编程开发手册 (1198个砖)
·Java基础教程 (431个砖)
·C#技术开发指南 (311个砖)
·.NET开发手册 (254个砖)
·PB开发教程 (223个砖)

·Java编程开发手册 (658个好)
·Java基础教程 (578个好)
·.NET开发手册 (282个好)
·PB开发教程 (213个好)
·Delphi开发技术手册 (200个好)

·初探敏捷开发 (03月)
·WCF开发基础 (03月)
·体验Visual Studio 2008的魅力 (02月)
·Visual Studio 2005开发基础 (12月)
·测试开发人员参考手册 (11月)

·ARP协议及欺骗原理
·独家体验：在西三环亲历北京免费无..

· 周末病毒预报：视频宝..
· NAC精要指南:什么是网..
· 布线测试中的常见问题..
· ASP.NET Ajax网站开发..
· 网管员必读：网络链路..
· SQL Server 2008中不推..
· 路由器故障排除实例讲解
· Cisco 认证考试费用全..

· 微软针对XP SP2的远程..
· 山东临沂网通联合公安..
· Cisco考试费用全线涨价..
· 企业无线网络设置10大..
· Windows Server 2003网..
· 上海宣判三起网络知识..
· 微软Sever 2008自带虚..
· 金山信息安全技术公司..

订阅技术快讯

电子杂志下载

名称：SQL Server数据库管理精品黄皮书
简介：书中文章经过精挑细选，便于用户能根据自己的实际工作和学习，快速在本书寻找到相关资料。内容涵盖了SQL Server的安装与升级、语句查询、数据备份和恢复、自动化任务、数据同步、数据字典、安全和预防、性能和优化、集群等各方面应用信息，以及DBA管理人员在数据库管理工作中

名称：2007路由技术大全
简介：《2007路由技术大全》由51CTO.com网站特别策划制作，该书包括路由器技术、路由器产品、路由器配置、安全设置、路由器故障处理、路由器密码恢复，以及广大网友在实践使用中的心得经验和技巧文章，内容注重实用性，适用于初学者入门，也适合多年从业者提高，是一本实践和理论完

名称：网络安全精品应用黄皮书
简介：《2007精品网络安全黄皮书》包括了9个大类24个小类， 800余篇文章，内容包含了熊猫烧香病毒、DDOS攻击、ARP病等热点问题的介绍及解决方案。从病毒查杀、防范、系统、数据等各方面的安全设置到黑客技术的了解、防范，涉及到了安全应用的全部领域, 由浅至深内容全面。

专题

最多好

最多砖