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

简介: 原文:ASP.NET自定义控件组件开发 第一章 待续               第一章:从一个简单的控件谈起  系列文章链接:ASP.NET自定义控件组件开发 第一章 待续ASP.
原文: 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组件控件开发视频 初体验

 

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

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

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

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

   

 

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

      

 

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

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

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

 

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

                     

 

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

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

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

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

     

 

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

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

 

 

 

     

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

 

 

       

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

 

 

 

 

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

你会看到一个.dll

 

 

 

 

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

 

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

 

 

     

 

然后拖过来就可以使用了

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

       今天先写到这里。

       大家给点建议吧!

      

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

                                                        小洋

 

 

 

 

 

 

 

 

 

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

img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif Code
 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 
目录
相关文章
|
5月前
|
开发框架 前端开发 JavaScript
Asp.net动态加载用户自定义控件,并转换成HTML代码
Asp.net动态加载用户自定义控件,并转换成HTML代码
26 0
|
XML 开发框架 JSON
ASP.NET Core: 二十一. 内容协商与自定义IActionResult和格式化类(五)
上一章的结尾留下了一个问题:同样是ObjectResult,在执行的时候又是如何被转换成string和JSON两种格式的呢? 本章来解答这个问题,这里涉及到一个名词:“内容协商”。除了这个,本章将通过两个例子来介绍如何自定义IActionResult和格式化类。
194 0
ASP.NET Core: 二十一. 内容协商与自定义IActionResult和格式化类(五)
|
JSON 开发框架 .NET
ASP.NET Core: 二十一. 内容协商与自定义IActionResult和格式化类(四)
上一章的结尾留下了一个问题:同样是ObjectResult,在执行的时候又是如何被转换成string和JSON两种格式的呢? 本章来解答这个问题,这里涉及到一个名词:“内容协商”。除了这个,本章将通过两个例子来介绍如何自定义IActionResult和格式化类。
134 0
ASP.NET Core: 二十一. 内容协商与自定义IActionResult和格式化类(四)
|
JSON 开发框架 .NET
ASP.NET Core: 二十一. 内容协商与自定义IActionResult和格式化类(三)
上一章的结尾留下了一个问题:同样是ObjectResult,在执行的时候又是如何被转换成string和JSON两种格式的呢? 本章来解答这个问题,这里涉及到一个名词:“内容协商”。除了这个,本章将通过两个例子来介绍如何自定义IActionResult和格式化类。
323 0
|
JSON 开发框架 .NET
ASP.NET Core: 二十一. 内容协商与自定义IActionResult和格式化类(二)
上一章的结尾留下了一个问题:同样是ObjectResult,在执行的时候又是如何被转换成string和JSON两种格式的呢? 本章来解答这个问题,这里涉及到一个名词:“内容协商”。除了这个,本章将通过两个例子来介绍如何自定义IActionResult和格式化类。
251 0
|
JSON 开发框架 .NET
ASP.NET Core: 二十一. 内容协商与自定义IActionResult和格式化类(一)
上一章的结尾留下了一个问题:同样是ObjectResult,在执行的时候又是如何被转换成string和JSON两种格式的呢? 本章来解答这个问题,这里涉及到一个名词:“内容协商”。除了这个,本章将通过两个例子来介绍如何自定义IActionResult和格式化类。
271 0
ASP.NET Core: 二十一. 内容协商与自定义IActionResult和格式化类(一)

相关实验场景

更多