Asp.net 3.5控件和组件开发技术系列—服务器控件开发中的调试技术2011-07-09 csdn博客 ChengKing本章内容2.1  预置代码示例2.2  调试页面服务端代码2.3  服务器控件的调试2.4  JavaScript 脚本调试方法2.5  Ajax Library 对JavaScript调试支持2.1  预置代码示例熟悉ASP.NET 开发的读者朋友可能对于服务器控件的调试技术更容易上手,不过如果您刚刚接 触ASP.NET 也没关系,本章会从最基本的调试开始讲解。在调试之前,要先建立一个调试控件的项目环境。关于如何建立环境在这里就不讲了,第1 章 已经讲得非常详细了。首先在Web 控件项目工程中添加一个主控件代码文件DebugControl.cs ,下面是本章示例代码 控件主文件DebugControl.cs 的代码:
[ToolboxData("<{0}:DebugControl runat=server></ {0}:DebugControl>")]
/// <summary>
/// 获得本书更多内容,请看:
/// http://blog.csdn.net/ChengKing/archive/2008/08/18/2792440.aspx
/// </summary>
public class DebugControl : WebControl 
{
   Button btnDebugScript = new Button();
   protected override void CreateChildControls()
   {
     this.Controls.Add(btnDebugScript);
     base.CreateChildControls();
   }
   protected override void Render(HtmlTextWriter writer)
   {
     btnDebugScript.Text = "调试客户端脚本";
     btnDebugScript.OnClientClick = "ClientClickEvent();";
     btnDebugScript.RenderControl(writer);
   }
}代码很简单,主要是生成一个按钮,并为按钮注册一个客户端单击事件ClientClickEvent。 CreateChildControls和Render都是自定义控件生命周期阶段依次执行的一些方法,在第1章讲解控 件生命周期时已经介绍过,在下一章还会更详细地讲解它们。本章主要关注控件调试技术部分。另外,在站点的页面文件DebugControl.aspx的<head></head>标记中加入控件客 户端事件执行的方法的实现代码:
<head runat="server">
   <script language="javascript">
     function ClientClickEvent()
     {
       alert("我被单击了一下!");
     }
   </script>
</head>客户端ClientClickEvent方法体就一句话,弹出一个提示。在浏览器中查看DebugControl.aspx 页面。并单击页面中的按钮,运行效果会如图2-1所示。

图2-1 控件运行图这个示例代码非常简单,但已经能够展示所有控件开发调试的内容了。到现在为止已经完成了 第一步,下面开始一一介绍控件开发相关的调试内容。