现在的位置: 首页 > 综合 > 正文

用动态控件模拟复合控件

2012年09月04日 ⁄ 综合 ⁄ 共 12707字 ⁄ 字号 评论关闭

    动态控件,复合控件,相信大家都已经很熟悉了。只要达到同样的展示及功能,用什么样的方式实现应该取决于实际情况。我在一个项目中遇到的情况是:已经有了很多页面,但每个页面都没有用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 />
        
         
<!-- 必须输入,只能输入数字,数值范围是0-400  -->
        
<facade:NumberTextBox runat="server" ID = "tbCount" MinValue="0" MaxValue="400" DisplayName="数量"  
            HelpMessage
="请输入数量" />
         
<!-- 必须输入,只能输入数字,数值范围是0-400  -->
        
<facade:MoneyTextBox runat="server" ID = "NumberTextBox1" MinValue="0" MaxValue="400" 
            DisplayName
="金额"  HelpMessage="请输入金额" />
        
         
<!-- 必须输入,输入的字符串必须以ABC开头  -->
        
<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中,生成类似:

 

 


<div class="input_wrapper">
    
<input type="text" />
    
<span class="helpmessage">help message here</span>
    
<!--这里放置动态验证控件-->
</div>

下面是我的实现:

 

 

BaseTextBox

抱歉!评论已关闭.