WEB自定义控件小记

以前我在做项目的时候，都是用的是用户自定义控件，这一回我看了一下自定义控件。
它们两者的不同点在于：用户自定义控件是基于横向的，也就是说可以用多个控件组合在一起使用；而自定义控件是纵向的，是一个已存在控件的扩展。
新建一个WEB自定义控件项目；
由于在项目中经常会用到点一个BUTTON的时候，要弹出JS的确认对话框，第一次都要在页面上加入JS，很麻烦，这个过程是可以封装的~~
新建一个“自定义控件”，取了个名字：MyButton，这时会发现这个类是继承自WebControl的，把它改成Button，也就是说只扩展BUTTON，把类中的所有代码删掉，新建一个属性，Confirm，也就是在弹出对话框时，要显示的内容。
重写Render方法，代码如下：
base.Attributes.Add("onclick", "return confirm('" + this.confirm + "')");
            base.Render(writer);

（注：Render是控件的表现方法，如果想让自定义控件表现成指定的样式，那么就得继承WebControl类，在重写的Render方法中，writer.Write()，这里输入自己想要的HTML控件就可以了。）

就这样，一个简单的控件就完成了，编译，新建一个网站，在工具箱中加入这个DLL，拖出来，运行这个页面，会发现，点击这个BUTTON的时候，发弹出一个提示框，当然，默认的情况下是空的，是因为没有设置Confirm这个属性，设个字符就可以了。
但是，认真看一下，为什么这个属性在使用的时候没有注释呢，于是马上把注释写好，编译之后发现，还是没有，怎么回事呢。
经查找，原来自定义控件是不能这样直接写注释的，要想加入注释，得加一个特性标签，Description，Category标签是表示当属性用分类形式查看的时候，这个属性显示在那个分类里面，完整代码如下：

[DefaultProperty("Text")]
    [ToolboxData("<{0}:MyButton runat=server></{0}:MyButton>")]
    public class MyButton : Button
    {
        private string confirm = "是否确定?";
        [Description("确定对话框的内容"), Category("必设属性")]
        public string Confirm
        {
            get { return confirm; }
            set { confirm = value; }
        }

        protected override void Render(HtmlTextWriter writer)
        {
            base.Attributes.Add("onclick", "return confirm('" + this.confirm + "')");
            base.Render(writer);
        }
    }

用同样的原理做了一个LinkButton的控件，代码都一样，只不过所继承的是LinkButton这个类而已。
最后我还做了一个TextBox的控件，这个也是很常用的，因为在很多时候要限定只能输入数字之类的，最终我把它做成了一个可设定很多选项的控件，
如：是否允许粘贴，是否允许拖动，是否允许输入小数点，小数点之后保留多少位，是否允许切换为其它输入法，有了这几个属性之后，相信很多地方都可以直接用啦~~
代码如下：

[DefaultProperty( " Text " )]
    [ToolboxData( " <{0}:MyTextBox runat=server></{0}:MyTextBox> " )]
     public   class  MyTextBox : TextBox
     {
        protected override void Render(HtmlTextWriter writer)
        {
            if (this.allowPaste == AllowType.不允许)
            {
                base.Attributes.Add("onpaste", "return false");//禁止粘贴
            }
            else
            {
                base.Attributes.Add("onpaste", @"var s=clipboardData.getData('text');   if(!/\D/.test(s))   value=s.replace(/^0*/,'');   return   false;");
            }
            if (this.allowMove == AllowType.不允许)
            {
                base.Attributes.Add("ondragenter", "return false");//禁止拖动
            }
            base.Attributes.Add("onkeyup", "if(value.length>1)value=value.replace(/^0*/,   '');");//开头的0替换为空
            base.Attributes.Add("onfocus", " var e = event.srcElement; var r =e.createTextRange();    r.moveStart('character',e.value.length); r.collapse(true); r.select(); ");
            if (allowPoint == AllowType.不允许)
            {
                base.Attributes.Add("onkeypress", "return event.keyCode>=48&&event.keyCode<=57");//只能输入数字
            }
            else
            {
                base.Attributes.Add("onkeypress", "var index=value.indexOf('.');var len=index+" + this.behindPoint + "; if(index!=-1&&value.length>len){return false;} if((index==-1&&event.keyCode==46)||(event.keyCode>=48&&event.keyCode<=57)){return true;}else{return false;}");//只能输入 数字 和 一次小数点
                base.Attributes.Add("onblur", " var index=value.indexOf('.'); if(index==0)value=value.replace('.',   '0.'); ");//开头的小数点换为 "0."
            }
            if (allowInputMethod == AllowType.不允许)
            {
                base.Style.Add("ime-mode", "disabled");//禁用输入法
            }
            base.Render(writer);
        }

        private AllowType allowPaste = AllowType.不允许;
        [Description("是否允许粘贴,默认不允许"), Category("可选属性")]
        public AllowType AllowPaste
        {
            get { return allowPaste; }
            set { allowPaste = value; }
        }

        private AllowType allowMove = AllowType.不允许;
        [Description("是否允许拖动,默认不允许"), Category("可选属性")]
        public AllowType AllowMove
        {
            get { return allowMove; }
            set { allowMove = value; }
        }

        private AllowType allowPoint = AllowType.不允许;
        [Description("是否允许输入小数点,默认不允许"), Category("可选属性")]
        public AllowType AllowPoint
        {
            get { return allowPoint; }
            set { allowPoint = value; }
        }

        private int behindPoint = 2;
        [Description("小数点之后保留多少位，在允许小数点的情况下可用，默认 2位"), Category("可选属性")]
        public int BehindPoint
        {
            get { return behindPoint; }
            set { behindPoint = value; }
        }

        private AllowType allowInputMethod = AllowType.不允许;
        [Description("是否允许切换为其它输入法,默认不允许"), Category("可选属性")]
        public AllowType AllowInputMethod
        {
            get { return allowInputMethod; }
            set { allowInputMethod = value; }
        }

    }

     public   enum  AllowType
     {
        允许,
        不允许,
    }

这里加入了一个枚举，主要是为是在用户使用控件的时候不用输入，而是直接选择，比较方便。
最后这个自定义控件前前后后地我改了很多地方，我觉得还是非常满意了。

转载于:https://www.cnblogs.com/pointdeng/archive/2008/03/19/1112835.html