zoukankan      html  css  js  c++  java
  • ASP.NET自定义控件组件开发 第一章 第二篇 接着待续

         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组件控件开发视频 初体验

         我们之前开发了一个很简单的自定义的控件,方法很简单,只是把原来的html文本传入writer.Writer()方法的参数,然后输出。其实从模式的角度看,这可说是个Template模式(只是提下而已,有兴趣的朋友可以和我讨论)!

         大家再来看看代码:

    Code

         我们发现,这个控件实现的很僵硬!因为这个控件不像其他的服务器控件,我们这个控件没有任何让我们编辑的地方,也没有一些让我们设置的属性。下面,我们就来让控件“活”起来。给他一些可以编辑的属性。

         首先我们还是从最简单来看。

         相信大家都知道C#中的get ,set,我们总是把成为“属性”(Property),其实在控件开发的时候,就是用这些get, 和set来设置属性的。

         先来看看这张图片:

              

              大家都熟悉吧,就是我们之前前开发的那个控件的外观。我们在拖控件是使用的时候,一般都要设置一些属性,比如:Text,Name等等。当然,这里也不例外,我们也设置这个控件的属性,例如我们想让控件左边的文本改变,就像改变Text属性,如下:

              

              这样的控件就更加的灵活。下面来看看这样开发这些属性吧!

              用get和set

              如下:

    Code

              这样做以后,基本上就完成了我们之前的目的,可以设置控件的属性了。注意:我们这里实现的属性是可读写的。大家可以根据情况来确定是只读,还是只写!

              但是我们不要忘记了,控件的显示是通过Render方法呈现在页面的,我们要使得我们的控件可以改变属性,改变呈现的方式,就要改改Render中的代码:如下:

              

    Code

              这里,请大家注意代码的第5,15,20,25,和47行,我们之前在前一个控件中是直接写如字符串,这里我们改变了写法。用到了我们定义的那些get,set的属性,来改变控件显示。

              好了,这写步骤完成之后,工作就差不多完成了。

              我想大家应该来记得我们平时用的控件,如下:

              

              例如上面的TextBox控件,他的属性就显示在属性窗口,而且属性都分了类,如”外观“,”行为“,而且没有属性下面都有注释。大家注意途中的标记部分。

              

              我们上面的代码确实已经为控件添加了属性,但是我们要让我们开发的控件和现有的控件一样,看起来更加的专业,我们就要实现一些显示的代码,使得我们的控件和现有的服务器控件一样”好看,好用”。即,要有下面的效果:

              

              

              

                      

              这个控件看起来很专业吧!好了,我们来实现下:

              其实很简单的,只要添加一些属性(Attribute)标记

              

    Code

         大家可以根据我的注释再结合我上面的标记图可以看看。然后其他的的一些get,set属性都添加差不多,只是括号()内的文本,随你写而已!

         到此为止,一个”好看“的控件就写完了。至于“好用”,暂时不急,慢慢来!

         当我们把控件添加到页面后,查看他的“源”看到的这样的:

         

    Code

         我们看到其他的一些控件的“源”,例如:

         

    Code

              TextBox控件的很多的属性都显示在标记中了,我们也希望当我们的控件一拖上页面的时候就显示一些包含在标记中的属性,如下:

              

    Code

              怎样做?

              也很简单,加些Attribute标记就行了。

              这些的标记是类级别的,就是说,要用在类上,我们之前家的那些标记都用在字段上,级别不同。注意哦!

              如下:

    Code

         注意:在{0}的冒号中之后的那个"CreditCardForm2“就是类的名字,不要写错,否就不行!还有runat='sever'一定要写,其他的属性你可以随意加,但是要保证,那些你的家的属性是我们定义了的。例如你还可以加

    CreditCardNo='信用卡号',等等。这样之后,我们的控件就更加的专业了!

    整个代码如下:大家多多提意见,如果我讲不够好就说,我尽量讲的更加平实!

    Code
    小洋,燕洋天
  • 相关阅读:
    shell-变量的数值运算let内置命令
    shell-变量的数值运算符-计算双括号(())的使用
    shell-批量修改文件名及扩展名多案例
    shell-变量的字串应用技术
    一个MVVM前端扩展器
    测试一个mysql 悲观锁
    spring rest项目提示Request method 'PUT' not supported Method Not Allowed 405 错误
    Mysql 使用sql语句添加列,修改列默认值,添加类注释
    理解java泛型中的 上界extend 下界super
    mysql存储过程游标循环装载字符串SQL语句示例
  • 原文地址:https://www.cnblogs.com/yanyangtian/p/1262386.html
Copyright © 2011-2022 走看看