ASP.NET自定义控件组件开发 第五章 模板控件开发

原文: ASP.NET自定义控件组件开发 第五章 模板控件开发

                                        

                                               第五章 模板控件开发

 

系列文章链接:

ASP.NET自定义控件组件开发 第一章 待续

ASP.NET自定义控件组件开发 第一章 第二篇 接着待续

ASP.NET自定义控件组件开发 第一章 第三篇

ASP.NET自定义控件组件开发 第二章 继承WebControl的自定义控件

ASP.NET自定义控件组件开发 第三章 为控件添加事件 前篇

ASP.NET自定义控件组件开发 第三章 为控件添加事件 后篇

ASP.NET自定义控件组件开发 第四章 组合控件开发CompositeControl

ASP.NET自定义控件组件开发 第四章 组合控件开发CompositeControl 后篇 --事件冒泡

ASP.NET自定义控件组件开发 第五章 模板控件开发

ASP.NET2.0自定义控件组件开发 第六章 深入讲解控件的属性

ASP.NET2.0组件控件开发视频 初体验

 

     大家好,我们今天来开发一个模板控件。

     

     其实开发一个模板控件比开发一个组合控件更加简单,所以这章不难。

 

     开发一个模板控件一般都继承CompositeControl,因为继承这个基类后,我们就省却了很多的麻烦。所以本章我们开

 

发的模板控件也继承于CompositeControl。大家应该还记得我们上章开发那个登录Login控件吧,如下:

     ASP.NET自定义控件组件开发 第五章 模板控件开发

 

          以上就是我们之前开发的登录控件,现在我们来改造它。我们的现在的这个登录控件的输入用户名和密码的控件是

 

TextBox,我们有时候可能想把TextBox 换成DropdownList,或者其他的控件。也就说,我们想定制这个登录的控件。那

 

么,我们就要模板了。

 

     首先来看看我们本章实现控件的最后效果:

 

ASP.NET自定义控件组件开发 第五章 模板控件开发

 

 

 

ASP.NET自定义控件组件开发 第五章 模板控件开发     

 

ASP.NET自定义控件组件开发 第五章 模板控件开发

 

          大家看见没,这样我们就可以定制这个控件了。好了,我们来实现吧。

 

     

          首先,我们让我们的模板控件继承上章的那个组合的Login控件:

 

 

Code

 

 

          然后,我们就声明我们的模板:

 

 

Code

 

               正如前面所说的,我们只是想定制两个输入信息的模板,大家可以根据需要,声明更多的模板。如,大家还可以

 

把显示的用户名的那些Label换成模板定制。

 

               其实编写模板控件比编写一个组合控件更加的简单。大家稍后就可以体会到了。

          

               好了,声明完了模板之后,我们的控件写了一大半了,还差一点。大家想想是什么???

 

          

               对了,就是应用这些模板了。如下:

 

              

Code

 

                    我想,大家对这个方法不陌生。因为我们之前的组合控件也是重写了这个方法。到这里,就写完了。

          

                    大家可能还有疑问,为什么这样重写 CreateChildControls()方法后,就会达到我们的效果?

 

                    下面,我就来将这个方法和之前的那个组合控件的 CreateChildControls()方法比较一下,也顺便讲下

 

模板的内幕。

 

          先看组合控件的 CreateChildControls()方法,见下:

              

Code

 

                         1.首先,在之前的组合控件中,我们是把那个TextBox,Label硬编码到了生成和初始化控件的方法

 

CreateChildControls()中。而在模板控件中,我们没有这样做,我们只是简单的调用了模板的一个方法:

 

InstantiateIn()。实际上,这个方法是个晚绑定。

 

                    为什么是晚绑定?先来看看下面:

 

                        ASP.NET自定义控件组件开发 第五章 模板控件开发 

 

          

          假设我们想用个下拉框来输入用户名,我们肯定要设计下拉框的属性,如 name,id,等等,当我们设置好

 

后,就形如这样了:

 

 

 

Code

 

          其实这样和在 CreateChildControls()中声明是一样的,形如:

 

          

Code

 

                    其实模板控件的方法InstantiateIn()就是将之前的那个<ASp:dropdownlist....>代码转换为

 

 

DropDownList mylist=new DropDownList()...

 

                    不知道大家清楚,说到底就是个晚绑定!!!

 

                    到这里,模板控件完了,大家编译后,就后看到下面的控件:

     

               ASP.NET自定义控件组件开发 第五章 模板控件开发

 

                    然后,我们就在html代码开发声明:如下:

                    

 

Code

 

               很多时候,我们不喜欢这样,因为我们更加喜欢图形化的设置,如下:

          

ASP.NET自定义控件组件开发 第五章 模板控件开发

 

               这样更加友好些。其实这也不难,只要加个设计器就可以了。

 

               设计器是个类。在ASP.NET有很多的设计器,如ControlDesigner,CompositeControlDesigner.等等。

 

               我们的设计器的一般都继承已有的设计器类。在这里我不多讲,大家需要的话,我专们用一章来讲。

          

               

Code

 

               然后在这样:

               

Code

 

 

          一切就OK了,写的有些催促,大家有问题我一定回复。

 

          完整代码如下:

          

          

Code

 

.

 

               

          

你可能感兴趣的:(asp.net)