[ASP.NET][实例]用户控件的设计与使用

源代码下载:       https://files.cnblogs.com/volnet/WebAppUserControlTest.rar


WebUserControl的创建和使用：
1、新建一个Web解决方案；

---

创建：
2、在菜单栏上点“项目”->“添加新项”->选择“Web用户控件”->默认名称“WebUserControl1.ascx”；
3、在“解决方案资源管理器”中找到“WebUserControl1.ascx”，在编辑器左下角点设计，切换到设计视图；
4、在“工具箱”中添加任意控件至WebUserControl1.ascx的设计视图；
例如：
a、本例中添加文本“用户控件测试”；
b、日历控件；
c、Label控件，Text属性为空；
d、Button，Text属性为“测试用户控件”；
5、为控件添加属性方法和事件：
a、添加公共方法以供外部调用：

public void Configure(Datetime date)
{
          Calendar1.SelectedDate = date; 
} 

b、回到设计视图，双击Button控件，在其Click事件中添加方法：

 protected void Button1_Click(object sender, EventArgs e) 
{ 
           Label1.Text = "测试成功！"; 
} 

6、点“保存”，保存当前编辑的用户控件。

---

使用：
1、打开起始页Default.aspx；
2、在解决方案资源管理器中选中WebUserControl1.ascx，并拖动至Default.aspx的设计视图中；
 用户控件测试

<

2007年1月

>

日

一

二

三

四

五

六

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

5

6

7

8

9

10

3、可以查看Default.aspx的“源”视图，可以看到：

〈uc1:WebUserControl1 id="WebUserControl1_1" runat="server"> 
〈/uc1:WebUserControl1> 

uc1也就是UserControl的缩写，与<asp>标签的写法类似。
4、在Default.aspx.cs文件的Page_Load事件中添加加载日历当前选择的方法

 protected void Page_Load(object sender, EventArgs e) 
{ 
           WebUserControl1_1.Configure(DateTime.Today); 
} 

---

测试：
1、按Ctrl+F5启动主页；
2、查看当前日期是否选中？选中？->OK；
3、点“测试用户控件”按钮，在Label1的位置能看到“测试成功！”的文字，说明控件已经设计成功了。


动态加载控件请参考:
[C#][SAMPLE]动态加载控件[PlaceHolder控件]


源代码下载:       https://files.cnblogs.com/volnet/WebAppUserControlTest.rar