Web用户控件

时间:2021-06-23 19:39:13

用户控件是个什么东西?
自定义的反复重用的控件集合

注意:创建好用户控件后,必须添加到其他web页中才能显示出来,不能直接作为一个网页来显示,因此也就不能设置用户控件为“起始页”。


用户控件与ASP.NET网页的区别

a、 用户控件的扩展名为.ascx

b、 用户控件中没有@Page指令,而是包含@Control指令,该指令对配置及其他属性进行定义。

c、 用户控件不能作为独立文件运行,而必须像处理任何控件一样,将它们添加到asp.net页中。

d、 用户控件中没有html、body和form元素。


优点:

1.代码重用
2.结构良好
3.分工开发
4.局部缓存


难点:
一.交换信息:
(一)从页面向用户控件交换信息。代码写在页面中。
1.用户控件名.FindControl("用户控件中的控件的ID")----暴力转换,破坏语言结构
TextBox textBox1 = WUC1.FindControl("TextBox1") as TextBox;

2.事先在用户控件中定义public属性,通过属性为里面的控件赋值或取值。

//用户控件中的代码:
public string TextValue
{
get
{
return TextBox1.Text;
}
set
{
TextBox1.Text = value;
}
}
//页面(aspx)中的代码:
WUC1.TextValue = txt.Text;

关于属性赋值的扩展:做一个分类新闻显示:

    //给用户控件添加自定义属性 
    //1、定义属性类型:私有成员
private string _BackColor; //2、添加字符的描述(WebBrowsable(true) 提示是否在属性面板中显示)
[Personalizable(), WebBrowsable(true), WebDescription("这是一个字体颜色的参数"), WebDisplayName("请输入一个颜色名称")] //3、公开属性
public string BackColor
{
Panel1.BackColor = System.Drawing.Color.FromName(value);
}
public string BackColor
{
set
{
Panel1.BackColor = System.Drawing.Color.FromName(value);
}
}
private string _NewType = "";
public string NewType
{
set
{
_NewType = value;
}
}
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
var query = _context.News.Where(p => p.type == _NewType);
Repeater1.DataSource = query;
Repeater1.DataBind();
}
}
<form id="form1" runat="server">
<div style="margin: 0 auto; width: 40%">
国内新闻:<uc1:NewsUC ID="NewsUC1" runat="server" NewType="" BackColor="red" />
<br />
国际新闻:<uc1:NewsUC ID="NewsUC2" runat="server" NewType="" BackColor="orange" />
<br />
娱乐新闻:<uc1:NewsUC ID="NewsUC3" runat="server" NewType="" BackColor="pink" />
<br />
财经新闻:<uc1:NewsUC ID="NewsUC4" runat="server" NewType="" BackColor="green" /> </div>
</form>
 
 

参考:http://www.cnblogs.com/xieon1986/archive/2013/01/28/2880366.htmlhttp://www.cnblogs.com/zhijianliutang/archive/2011/11/16/2250759.htmlhttp://bbs.csdn.net/topics/340183505

(二)从用户控件向页面交换信息。代码要写用户控件。
1.session

第一步:在用户控件的按钮中把数据放在Session中。
第二步:在页面的OnLoadComplete事件中,从Session中取出数据来,显示在页面上。(了解页面(aspx)与用户控件(ascx)的执行顺序来完成传值))
override重写Page_Load的OnLoadComplete
代码:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls; public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//
TestUC1.Show = new TestUC.ShowDelegate(SetValue);
}
private void SetValue(string s)
{
Label1.Text = s;
}
protected override void OnLoadComplete(EventArgs e)
{
base.OnLoadComplete(e);
if (Session["data"] != null)
{
Label1.Text = Session["data"].ToString();
}
}
}

关于OnLoadComplete:MSDN:https://msdn.microsoft.com/zh-cn/library/system.web.ui.page.onloadcomplete%28VS.80%29.aspx(备注)-------在页加载阶段结束时引发 LoadComplete 事件。

注意:当页面调用时,先判断Session[“data”]中是否有数据,以免出现未将对象引用到实例的错误

Web用户控件

2.代理、委托 (delegate)--指向方法的引用,其实就是一个特殊的方法。

接触过C语言的,可将委托理解为:一种特殊的指针集合,只不过是方法的指针。

二.路径:
1.控件路径:图片、超链接
1).使用服务端的控件。
2).标准控件或者HTML标记加上runat=server.(加这个属性必须叫id属性)
这样服务端就会自动转换成正确的路径出来。

2.样式表中值的路径:background-image:url(路径)
不要使用内联样式,使用外部样式表来控制图片路径。(找到一个第三方(外部样式表文件相对于图片文件夹是固定的)来帮你绝对定位)

3.外部资源路径 - 用户控件中引入外部脚本文件
写一个ShowScriptPath方法,使用 string path = ResoveClientUrl("服务器端路径");  //返回的是客户端对应的路径

Web用户控件

//HTML代码:
<script src="<%= ShowScriptPath() %>" ></script>
//C#代码:
public string ShowScriptPath()
{
string path = "Scripts/JavaScript.js";
path = this.ResolveClientUrl(path);
return path;
}

4.C#代码的调用路径--(~这种放只适合c#下 其他语言不通用)
Response.Redirect("页面");
使用应用程序路径的根来解决
Response.Redirect("~/Default.aspx");


将web网页转化为用户控件----摘录自(沁园春 www.qinychun.com)

(1)在.aspx(Web网页的扩展名)文件的HTML视图中,删除<html>、<head>、<body>以及<form>等标记。

(2)将@Page指令修改为@Control,并将CodeFile属性修改成以.ascx.cs为扩展名的文件。

(3)在后台代码中,将public class 声明的页类删除,改为用户控件的名称,并且将

System.Web.UI.Page   =>改为=>   System.Web.UI.UserControl

Public  partial  class_Default:System.Web.UI.Page    =>改为=>   Public pattial class WebUserControl:System .Web.UI.UserControl

(4)最后,在解决方案资源管理器中,将文件的扩展名从.aspx修改为.ascx,其代码后置文件会随之改变,从.aspx.cs改变为.asxc.cs。