用户控件

网页页面一些经常用到的,逻辑意义上聚集成一块的 HTML 标签、控件,甚至包括 javascript 代码,可以提炼封装成用户控件。
这样做有很多好处:
1、 有利于重用
2、 封装一些代码,屏蔽一些细节,逻辑清晰,使人能够更专注大方面的问题
3、 控件在设计时只须用鼠标拖来拖去,很方便,很爽
4、 控件可以应用缓存,使得一些页面能够局部缓存,提高了性能
5、 ……
编写用户控件很简单,我觉得有两点要注意。
1、 控件属性值容易丢失问题。
通常,一个控件都会有属性。如,控件 userCtrl 有属性 Name
private string _Name = “ 张三 ”;
public string Name
{
get{ return _Name;}
set{ _Name = value;}
}
 
由于网页是无状态的,刷新后,如果不在调用页面对 userCtrl.Name 进行赋值,则 Name 又重新变回默认值张三了。就是说,用户控件的属性值很容易丢失。当然可以任劳任怨,不厌其烦地在调用页一遍遍地赋值,但终究不是好的办法。
可以将比较重要的属性改用一些系统控件来保存,如 HTML hidden 控件。象上面的例子,设置一个
<input type=”hidden” id=”txtName” runat=”server” value=” 张三 ”/>
则上面的属性 Name 可改为
public string Name
{
     get{return txtName.Value;}
     set{txtName.Value = value;};
}
 
这样在页面生存期间,控件的属性 Name 就不会丢失了。不要用 ViewState ,因为如果调用页将 EnableViewState = false ,就不起作用了。
2 、在控件里面加入事件功能。
1 )、事件的本质是委托。首先,声明一个委托:
public delegate void ClickEventHandler(object sender, EventArgs e);
2 )、然后用此委托声明事件:
public event ClickEventHandler SureClick;
3 )、编写事件处理函数
    private void OnSureClick(EventArgs e)
    {
        if (SureClick != null)
        {// 执行受委托的方法
            SureClick(this, e);
        }
}
注意if (SureClick != null) 这句,因为SureClick是个委托(也是事件),如果不为空,也就是受到了委托,即调用页面将函数或方法赋给了它。这里这个函数的作用就是去处理调用页面要执行的函数或方法。
4 )、在用户控件上加个 button
<asp:button id=”Button1” style=”display:none” runat=”server”/>
在控件代码里,有相应的事件:
    protected void Button1_Click(object sender, EventArgs e)
   {
       ……
       This.OnSureClick(e);// 触发事件处理函数
}
 
5 )、在调用页面将待处理的函数或方法赋给SureClick:
< uc2 : myCtrl ID="MyCtrl1" runat="server" OnSureClick=" 待处理的函数或方法名" />
 
这样子控件就有了事件支持功能。示例中的事件是点击用户控件中那个button,调用页即可得到响应并处理自己要做的事情。
 
另外,事件参数e的类型可以自己定制。EventArgs是系统给出的类型,如果有需要,也可以换上自己的。比如,可以这样写一个e:
public class MyEventArgs : EventArgs
{
        private int _xID = -1;
        public int xID
        {
            get
            {
                return _xID;
            }
        }
 
        public MyEventArgs(int nxID) : base()
        {
            _xID = nxID;
        }
}
 

 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值