用动态控件模拟复合控件（转自博客园evlon）

最新推荐文章于 2023-02-15 18:20:16 发布

CodingSir

最新推荐文章于 2023-02-15 18:20:16 发布

阅读量930

点赞数

文章标签： textbox server wrapper 手机 validation 电话

本文链接：https://blog.csdn.net/educast/article/details/3493724

版权

动态控件，复合控件，相信大家都已经很熟悉了。只要达到同样的展示及功能，用什么样的方式实现应该取决于实际情况。我在一个项目中遇到的情况是：已经有了很多页面，但每个页面都没有用Validation控件来验证输入的有效性。

为了达到相同的展示效果：

常规办法：是为每个页面的每个TextBox有选择的生成RequiredFieldValidator、RangeValidator、CompareValidator、RegularExpressionValidator、FilteredTextBoxExtender。但这个方法，需要每个页面都去添加，并且统一调整起效果来，工作量太大。

复合控件：是写一个复合控件，依参数来添加验证控件。这个也需要在页面中统一添加一次（工作量约为第一个办法的1/3），还需要更改一下后台的控件类型声明(我的后台代码在另一个程序集中)。

动态控件：写了个直接继承自TextBox的控件，在适当的地方，依参数来添加验证控件。这个也需要在页面中统一改动一下（工作量和复合控件的方法相当），不过，后台的代码不用做发改动。

前两种，大家不陌生，我就不啰嗦了。这里，只说一下用动态控件实现上面功能的方法。

先展望一下使用方法：

< facade:StringTextBox Options ="required" HelpMessage ="请输入用户名"   DisplayName ="用户名"
            runat ="server" ID ="StringTextBox1" MaxLength = "30" />< br />
         
         < facade:StringTextBox Options ="required,Filtered" HelpMessage ="请输入用户名"
            FilterType ="Numbers" DisplayName ="用户名"   runat ="server" ID ="StringTextBox2" MaxLength = "30" />< br />

          
         < facade:NumberTextBox runat ="server" ID = "tbCount" MinValue ="0" MaxValue ="400" DisplayName ="数量"
            HelpMessage ="请输入数量" />
          
         < facade:MoneyTextBox runat ="server" ID = "NumberTextBox1" MinValue ="0" MaxValue ="400"
            DisplayName ="金额"   HelpMessage ="请输入金额" />

          
         < facade:RegexTextBox runat ="server" Options ="Required" ValidationExpression ="^abc.+$"
            ID ="tbRegex" DisplayName ="正则测试" MaxLength ="120" Example ="abc123,abceee" HelpMessage ="请输入正则测试" />
          
         < facade:PhoneTextBox runat ="server" ID ="tbMobile"   PhoneTypes ="Mobile" DisplayName ="手机号"
            MaxLength ="20" Example ="13988888888" HelpMessage ="请输入手机号" />
          
         < facade:PhoneTextBox runat ="server" ID ="tbPhoneMobile"   PhoneTypes ="Phone,Mobile" DisplayName ="手机号"
             MaxLength ="20" Example ="13988888888，0311-88886666" HelpMessage ="请输入手机号" />

动态控件的添加，应该在Page.PreInit中添加，因为此时控件还没有加载ViewState。但控件中得不到Page.PreInit事件，我们遇到了第一个难题；

如果TextBox控件中模板中，则只有在Page.PreRender时，我们才能得到控件实例，所以只在Page.PreInit中添加控件不行，我们还必须在PreRender时，看看这个TextBox有没有添加动态控件，如果添加了，再添加就要报错了，在Page.PreRender时添加控件，是我们的第二个难题。

还好，这两个问题是一类问题，我们通过写一个HttpModuler，来帮助控件得到Page.PreInit和Page.PreRender事件，还要有一个HttpModuler和控件都能访问的地方：BaseTextBoxContext，来把所有的控件事件放在这里。代码如下：

BaseTextBoxContext
    /// <summary>
    /// HttpModuler和控件的交互对象
    /// </summary>
    public class BaseTextBoxContext
    {
        private static readonly string item_key = "::grain.basetextbox.context";

        private static LocalDataStoreSlot GetSlot()
        {
            return Thread.GetNamedDataSlot(item_key);
        }

        /// <summary>
        /// 当前线程上下文的对象
        /// </summary>
        public static BaseTextBoxContext Current
        {
            get
            {
                BaseTextBoxContext current = Thread.GetData(GetSlot()) as BaseTextBoxContext;
                if (current == null)
                {
                    current = new BaseTextBoxContext();
                    Thread.SetData(GetSlot(), current);
                }

                return current;
            }
        }

        /// <summary>
        /// 移除线程上下文
        /// </summary>
        public void RemoveContext()
        {
            Thread.FreeNamedDataSlot(item_key);
        }

        private List<EventHandler> preInitHandlers = new List<EventHandler>();

        /// <summary>
        /// 控件的PreInit事件响应函数列表
        /// </summary>
        public List<EventHandler> PreInitHandlers
        {
            get { return preInitHandlers; }
        }

        /// <summary>
        /// 添加一个PreInit时的响应函数
        /// </summary>
        /// <param name="eventHandler"></param>
        public void AddPagePreInit(EventHandler eventHandler)
        {
            PreInitHandlers.Add(eventHandler);
        }

        private List<EventHandler> preRenderHandlers = new List<EventHandler>();
        /// <summary>
        /// 控件的PreRender事件响应函数列表
        /// </summary>
        public List<EventHandler> PreRenderHandlers
        {
            get { return preRenderHandlers; }
        }

        /// <summary>
        /// 添加一个PreRender时的响应函数
        /// </summary>
        /// <param name="eventHandler"></param>
        public void AddPagePreRender(EventHandler eventHandler)
        {
            preRenderHandlers.Add(eventHandler);

        }
    }

BaseTextBoxModule
    /// <summary>
    /// 帮助BaseTextBox响应Page.PreInit和Page.PreRender类
    /// </summary>
    public class BaseTextBoxModule : IHttpModule
    {

        #region IHttpModule Members

        public void Dispose()
        {

        }

        public void Init(HttpApplication context)
        {
            context.PreRequestHandlerExecute += new EventHandler(context_PreRequestHandlerExecute);
            context.PostRequestHandlerExecute += new EventHandler(context_PostRequestHandlerExecute);

        }

        void context_PostRequestHandlerExecute(object sender, EventArgs e)
        {
            //页面执行结束，清理
            BaseTextBoxContext.Current.RemoveContext();
        }

        void context_PreRequestHandlerExecute(object sender, EventArgs e)
        {
            Page page = HttpContext.Current.CurrentHandler as Page;
            if (page != null)
            {
                //注册页面的PreInit和PreRender事件
                page.PreInit += new EventHandler(Page_PreInit);
                page.PreRenderComplete += new EventHandler(page_PreRenderComplete);
            }

        }

        void page_PreRenderComplete(object sender, EventArgs e)
        {
            try
            {
                List<EventHandler> list = new List<EventHandler>(BaseTextBoxContext.Current.PreRenderHandlers);
                foreach (EventHandler handler in list)
                {
                    //执行控件要求要PreRender时的事件函数
                    handler.Invoke(sender, e);
                }
            }
            finally
            {

                BaseTextBoxContext.Current.PreRenderHandlers.Clear();
            }
        }

        void Page_PreInit(object sender, EventArgs e)
        {
            try
            {
                List<EventHandler> list = new List<EventHandler>(BaseTextBoxContext.Current.PreInitHandlers);
                foreach (EventHandler handler in list)
                {
                    //执行控件要求要PreInit时的事件函数
                    handler.Invoke(sender, e);
                }
            }
            finally
            {

                BaseTextBoxContext.Current.PreInitHandlers.Clear();
            }
        }

        #endregion
    }

现在第一个问题和第二个问题的一部分解决了。为了在Page.PreInit之前，让用户控件自己把自己的事件添加到BaseTextBoxContext中，我在BaseTextBox的构造函数中，调用

BaseTextBox 构造
        public BaseTextBox()
        {
            BaseTextBoxContext.Current.AddPagePreInit(new EventHandler(Page_PreInit));
        }

把自己要在Page.PreInit中执行的函数添加进去。在控件的Page_PreInit时，我们要添加动态控件，还可以把自己放在另一个动态控件的内部哟，比如把TextBox放在Panel中，生成类似：