开发和使用Web用户控件.doc

开发和使用Web用户控件 在 ASP.NET 的开发中 Web 用户控件的开发和使用是一项必不可少的技术，在对这项技术的一番研究后写下了这篇随笔，不过确实担心这么初级的东东放到原创首页上会被拍砖头。 1.简介 2.创建 Web 用户控件 3.在 Web 窗体中使用 Web 用户控件 4.添加属性 5.添加方法 6.添加自定义事件 7.控件内客户端角本访问服务器控件的方法 8.代码下载 1.简介 当 ASP.NET 内置的 Web 服务器控件不能满足我们开发的需要时，通过我们会创建自己的控件。而在 ASP.NET 中有两个选择： 1）用户控件：用户控件是能够在其中放置标记和 Web 服务器控件的容器。然后，可以将用户控件作为一个单元对待，为其定义属性和方法。(这就是咱们这次要讲的啦) 2）自定义控件：自定义控件是编写的一个类，此类从 Control 或 WebControl 派生。（关于这个方面的技术，目前为止我只按MSDN的演练做了一个练习，后面有时间针对它的开发与使用再写一篇更详细一点的） 创建用户控件要比创建自定义控件方便很多，因为可以重用现有的控件，所以最适合创建具有复杂界面元素的控件。用户控件与 Web 窗体(.aspx)很相似，可以同时具有前台页面和后台代码，在前台可以向其中添加所需的标签和服务器控件，在后台可以针对这些对象进行逻辑操作。不过它们存在以下这些区别： 1）用户控件的文件扩展名为 .ascx，而 Web 窗体的扩展名为 .aspx； 2）用户控件使用 @Control 指令声明，而 Web 窗体使用 @Page 指令； 3）用户控件不能作为独立文件运行，而必须其它服务器控件一样，将它们添加到 Web 窗体中； 4）用户控件中不能包含 html、body 和 body 等标签。 2.创建 Web 用户控件 首先建立一个 ASP.NET 网站，如图所示: 在解决方案资源管理器里选中网站，点击右键菜单中的[添加新项]，在弹出窗口选择 Web 用户控件，如图所示 点击[添加]，在解决方案中可以看到一个新的 Web 用户控件做好了，如图所示： 什么？什么？这就做好了？呵呵，做是做好了，不过没什么功能，现在我们给它加点东西。 编辑TestWebUserControl.ascx，切换到[设计]视图，从工具箱拖动一个 TextBox、一个 Button 和一个 Label 控件到页面上，如图所示： 选中 Button 控件，双击，为其添加 Click 事件的响应代码： protected void Button1_Click(object sender, EventArgs e) { Label1.Text = TextBox1.Text; } OK！到此为止，一个简单的 Web 用户控件搞定了。 3.在 Web 窗体中使用 Web 用户控件 现在我们把做好的用户控件放到窗体上进行测试，选中 Default.aspx 切换到[设计]视图（注意：一定要在设计视图里），在解决方案中拖动 TestWebUserControl.ascx 到页面上，如图所示： 现在我们运行程序，在文本框中填入“Hello World!”，点击 Button ，Label 就会显示相应内容了，如图所示： 停止程序，回到 Default.aspx 的[源]视图，我们来看看刚才的“一拖”，IDE到底为我们做了什么工作。可以发现在代码里增加了一行 @Register 指令，这就是对用户控件引用要做的声明，代码如下： %@ Register Src=TestWebUserControl.ascx TagName=TestWebUserControl TagPrefix=uc1 % 这个指令很简单，通过字面就可以看出各属性的含义了。现在我们为了使我们的控件前缀更有意义，而不是什么“uc1”之类的，对这条语句做点修改，代码如下： %@ Register Src=TestWebUserControl.ascx TagName=TestWebUserControl TagPrefix=Clark % 当然，相应的其它地方也要进行修改了，如下： 将 uc1:TestWebUserControl ID=TestWebUserControl1 runat=server / 改为 Clark:TestWebUserControl ID=TestWebUserControl1 runat=server / 这样，以后我们再在此页面使用 TestWebUserControl 控件时前缀自动就变成Clark了，如下所示，我又拖了一个控件到页面里，代码如下： %@ Page Language=