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

源代码下载: http://www.cnblogs.com/Files/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控件]

源代码下载: http://www.cnblogs.com/Files/volnet/WebAppUserControlTest.rar


http://www.cnblogs.com/volnet/archive/2007/01/13/619315.html