• 用户控件


    用户控件

    左直拳

    网页页面一些经常用到的,逻辑意义上聚集成一块的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又重新变回默认值张三了。就是说,用户控件的属性值很容易丢失。当然可以任劳任怨,不厌其烦地在调用页一遍遍地赋值,但终究不是好的办法。

    可以将比较重要的属性改用一些系统控件来保存,如HTMLhidden控件。象上面的例子,设置一个

    <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;

            }

    }

     

  • 相关阅读:
    进入到已有的docker容器中
    Ubuntu 18.04下指定Sublime Text 3 默认python编译版本
    设计模式之单例模式(c++版)
    clang10在ubuntu18.04下编译ZeroTier,故障解决
    搜狗输入法安装实践
    ubuntu 安装 dingtalk,飞书,google,zoom,时钟等
    js为某个元素添加某个类,并为其他兄弟元素删除此类
    jquery 中attr和css的区别
    unlimited tablespace 权限是否对所有表空间拥有权限测试
    Oracle DG 日常管理操作
  • 原文地址:https://www.cnblogs.com/leftfist/p/4258318.html
Copyright © 2020-2023  润新知