ASP.NET自定义控件组件开发 第一章 第一章:从一个简单的控件谈起

时间:2021-12-28 13:35:07

第一章:从一个简单的控件谈起

系列文章链接:

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

起始开发ASP.NET自定义控件不是那么的高深,当初我开始学的时候还有点恐惧,但是慢慢就好了。学习控件的开发技术,并不一定说以后要从事控件的开发,而是让我们深入的理解掌握ASP.NET内部的机理。你会发觉,当 学习完控件开发技术后,你以后开发网站时有种得心应手的感觉。我不希望一上来就讲控件开始多么多么难啊,我会用一个演化的方法来讲述控件开发,一步一步帮助大家理解,如果大家要求的话,我会考虑录制视频讲解。当然,也很希望去webcast上讲讲这个系列。

代码也会附带的放上,希望大家支持!!!

现在开始:首先看一个简单的页面:

下面是个html的页面,显示的是一些html控件的页面。

ASP.NET自定义控件组件开发 第一章    第一章:从一个简单的控件谈起

当我们查看页面后面的html代码时,就发现很复杂

ASP.NET自定义控件组件开发 第一章    第一章:从一个简单的控件谈起

上面显示的是一个输入用户信息的提交控件,如果这个控件很常用,那么我们每次都要这样拖放,那是很累的,为了便于代码重用,就吧它实现为一个控件。

一般来说,自定义控件的都是继承于某一个基类的,不仅如此,我们所用的所有的控件都是继承于一个基类Control类。我们开发控件可以继承任何的服务器控件,如Button ,TextBox等等。但是我们一般都继承于三个基类Control,WebControl,CompositeControl,因为这些类给了我们更加灵活的操作。

本章从浅入深,主要讲解继承Control类。

开发继承于Control类的控件很简单,只要重写Render方法就可以了:

ASP.NET自定义控件组件开发 第一章    第一章:从一个简单的控件谈起

其实我们做的事情很简单:只是把之前的html的代码做为字符串传入了write.Write()方法中而已。

当把所有的这些html代码写完之后,恭喜你,一个自定义的服务器控件就成功了!让后你就可以把它放       放入工具箱中,像其他的控件,如Button,TextBox,等一样的使用了。

下面来一步步的介绍得到一个控件:

1.      写完之前的代码后,然后生成:

ASP.NET自定义控件组件开发 第一章    第一章:从一个简单的控件谈起

这样,一个控件就生成了。

2.      我们新建一个测试的网站的

ASP.NET自定义控件组件开发 第一章    第一章:从一个简单的控件谈起

3.      在工具箱中点击右键-“选择项“,弹出如下:

ASP.NET自定义控件组件开发 第一章    第一章:从一个简单的控件谈起

4.      点击“浏览“,然后找到我们存放项目的地方

ASP.NET自定义控件组件开发 第一章    第一章:从一个简单的控件谈起

5.      然后就进入”CreditCardForm”—“obj—“Debug”

你会看到一个.dll

ASP.NET自定义控件组件开发 第一章    第一章:从一个简单的控件谈起

6.      然后选中那个.dll就可以,然后添加

7.      然后就可以在工具箱中找到你的控件

ASP.NET自定义控件组件开发 第一章    第一章:从一个简单的控件谈起

然后拖过来就可以使用了

好了,经过上面的步骤,你就已经开发了一个控件,很简单吧!以后你只要添加了这个控件的.dll,你就可以在任何程序和项目中使用他,但是这个控件只是个演示,离实用来有距离,不用怕,慢慢来。

今天先写到这里。

大家给点建议吧!

您的支持就是我最大的动力!

小洋

项目的完整代码已经写完了 但是不知道怎样放上来  要代码的就说下

 1 
 2 
 3 using System;
 4 using System.Collections.Generic;
 5 using System.Text;
 6 using System.Web;
 7 using System.Web.UI;
 8 using System.Web.UI.WebControls;
 9 
10 namespace CreditCardForm
11 {
12     public class CreditCardForm1:Control 
13     {
14         protected override void Render(HtmlTextWriter writer)
15         {
16             writer.Write ("<table style='width:287px;height:128px;border-width:0'>");
17             writer.Write ("<tr>");
18             writer.Write ("<td>支付方式</td>");
19             writer.Write ("<td>");
20             writer.Write ("<select name='paymentMethod' id='paymentMethod' style='width:100%'>");
21             writer.Write ("<option value='0'>Master</option>");
22             writer.Write ("<option value='1'>Visa</option>");
23             writer.Write ("</select>");
24             writer.Write ("</td>");
25             writer.Write("</tr>");
26 
27             writer.Write("<tr>");
28             writer.Write("<td>信用卡号</td>");
29             writer.Write("<td><input type='text' name='CreditCardNo' id='CreditCardNo'/></td>");
30             writer.Write("</tr>");
31 
32             writer.Write("<tr>");
33             writer.Write("<td>持卡人</td>");
34             writer.Write("<td><input type='text' name='CardholderName' id='CardholderName' /></td>");
35             writer.Write("</tr>");
36 
37             writer.Write("<tr>");
38             writer.Write("<td>过期时间</td>");
39             writer.Write("<td>");
40             writer.Write("<select name='Month' id='Month'>");
41             for (int month = 1; month < 13; month++)
42             {
43                 writer.Write("<option value=" + month.ToString() + ">" + month.ToString() + "</option>");
44             }
45 
46             writer.Write("</select>");
47 
48             writer.Write("&nbsp");
49 
50             writer.Write("<select name='Year' id='Year'>");
51             for (int year = 2008; year< 2014; year ++)
52             {
53                 writer.Write("<option value=" + year.ToString() + ">" + year.ToString() + "</option>");
54             }
55             writer.Write("</select>");
56             writer.Write("</td></tr>");
57 
58             writer.Write("<tr>");
59             writer.Write("<td align='center' colspan='2'>");
60             writer.Write("<input type='submit' value='提交'/>");
61             writer.Write("</td></tr>");
62 
63  
64 
65 
66         }
67 
68     }
69 }
70 
71 
72