AlertButton

 
      在.Net  Web应用程序开发中, 我们希望用户在做一个重要的操作时, 能够询问或警告用户.  或者希望我们有这么一个简单实用的控件, 能在用户确定后引发一个服务端的事件.

这个控件的原理很简单,主要是实现IPostBackEventHandler接口和调用Page.GetPostBackEventReference(this, eventArgument),  实现对客户端__doPostBack方法的调用, 引发服务端的事件

而以下这段关键代码是实现功能的核心:

    if(AlertString != "") //仅在用户确认后调用客户端的__DostPostBack, 引发服务端事件 
    { 
     Action = if(window.confirm(\'"  + AlertString + "')==true){"; 
     Action += Page.GetPostBackEventReference(this, "Click"); 
     Action += ";}"; 
    } 

全部代码:

using System; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.ComponentModel; 

namespace Booksir.WebControls 
{ 
 /// <summary> 
 /// AlertButton 的摘要说明。 
 /// </summary> 
 [ 
 DefaultProperty("Text"), 
 ToolboxData("<{0}:AlertButton runat=server></{0}:AlertButton>"), 
 System.ComponentModel.DefaultEvent("Click"), 
 ] 
 public class AlertButton : System.Web.UI.WebControls.WebControl, IPostBackEventHandler 
 { 
  private ViewStateBag StateBag; 

  public AlertButton() 
  { 
   StateBag = new ViewStateBag(this.ViewState); 
  } 

  public event EventHandler Click; //事件句柄

  public enum AppearanceEnum 
  { 
   Button, 
   ImageButton, 
  } 

  /// <summary> 
  /// 按钮的外观模式 
  /// </summary> 
  [ 
  Bindable(false), 
  Category("Appearance"), 
  DefaultValue(AppearanceEnum.Button), 
  Description("按钮的外观模式"), 
  ] 
  public AppearanceEnum Appearance 
  { 
   get 
   { 
    object obj; 
    obj = ViewState["Appearance"]; 
    if(obj == null) 
    { 
     Appearance = AppearanceEnum.Button; 
     return AppearanceEnum.Button; 
    } 
    return (AppearanceEnum)obj; 
   } 
   set 
   { 
    ViewState["Appearance"] = value; 
   } 
  } 

  /// <summary> 
  /// 在DefaultValue为非常量值的情况下,可以用Reset来重置属性的默认值 
  /// </summary> 
  void ResetAppearance() 
  { 
   Appearance = AppearanceEnum.Button; 
  } 

  /// <summary> 
  /// 该方法的存在使系统在属性为默认值不提交属性赋值代码 
  /// </summary> 
  /// <returns></returns> 
  bool ShouldSerializeAppearance() 
  { 
   return Appearance != AppearanceEnum.Button; 
  } 

  [ 
  Bindable(true), 
  Category("Appearance"), 
  DefaultValue("") 
  ] 
  public string Text 
  { 
   get 
   { 
    return StateBag.GetString("Text", this.ID); 
   } 

   set 
   { 
    ViewState["Text"] = value; 
   } 
  } 

  /// <summary> 
  /// 在执行动作前的提示 
  /// </summary> 
  [ 
  Bindable(true), 
  Category("Appearance"), 
  DefaultValue(""), 
  Description("在执行动作前的提示"), 
  ] 
  public string AlertString 
  { 
   get 
   { 
    return StateBag.GetString("AlertString", "是否开始执行?"); 
   } 
   set 
   { 
    ViewState["AlertString"] = value; 
   } 
  } 

  /// <summary> 
  /// 按钮可用时的Image 
  /// </summary> 
  [ 
  Description("按钮可用时的Image"), 
  Category("Appearance"), 
  Editor(typeof(System.Web.UI.Design.UrlEditor), typeof(System.Drawing.Design.UITypeEditor)), 
  ] 
  public string EnabledImage 
  { 
   get 
   { 
    return StateBag.GetString("EnabledImage", ""); 
   } 
   set 
   { 
    ViewState["EnabledImage"] = value; 
   } 
  } 

  /// <summary> 
  /// 按钮不可用时的Image 
  /// </summary> 
  [ 
  Description("按钮不可用时的Image"), 
  Category("Appearance"), 
  Editor(typeof(System.Web.UI.Design.UrlEditor), typeof(System.Drawing.Design.UITypeEditor)), 
  ] 
  public string DisabledImage 
  { 
   get 
   { 
    return StateBag.GetString("DisabledImage", ""); 
   } 
   set 
   { 
    ViewState["DisabledImage"] = value; 
   } 
  } 

  /// <summary> 
  /// 将此控件呈现给指定的输出参数。 
  /// </summary> 
  /// <param name="output"> 要写出到的 HTML 编写器 </param> 
  protected override void Render(HtmlTextWriter output) 
  { 
   if(Appearance == AppearanceEnum.Button) 
    output.Write(GetButtonHtml()); 
   else 
    output.Write(GetImageButtonHtml()); 
  } 

  /// <summary> 
  /// 获取呈现Button时的Html 
  /// </summary> 
  /// <returns></returns> 
  private string GetButtonHtml() 
  { 
   const string ButtonTag = "<input type=button value='{0}' onclick=\"{1}\" style=\"{2}\"{3} title='{4}'>"; 
   string sHtml; 
   string Action; 
   string Style = "width:{0};height:{1};"; 
   if(AlertString != "") 
   { 
    Action = if(window.confirm(\'"  + AlertString + "')==true){"; 
    Action += Page.GetPostBackEventReference(this, "Click"); 
    Action += ";}"; 
   } 
   else 
    Action = " + Page.GetPostBackEventReference(this, "Click"); 

   Style = String.Format 
    ( 
    Style, 
    this.Width.ToString(), 
    this.Height.ToString() 
    ); 
   Style += this.Attributes["Style"]; 
   sHtml = String.Format 
    ( 
    ButtonTag, 
    Text, 
    Action, 
    Style, 
    Enabled ? "" : " disabled", 
    this.ToolTip 
    ); 
   return sHtml; 
  } 

  /// <summary> 
  /// 获取呈现ImageButton时的Html 
  /// </summary> 
  /// <returns></returns> 
  private string GetImageButtonHtml() 
  { 
   const string LinkTag = "<a onclick=\"{0}\" title='{1}' style=\"{2}\">{3}</a>"; 
   const string ImgTag = "<img src='{0}' border=0>"; 
   string sHtml; 
   string Action; 
   string Image; 
   string Style; 

   if(this.Enabled) 
   { 
    if(AlertString != "") //仅在用户确认后调用客户端的__DostPostBack, 引发服务端事件 
    { 
     Action = if(window.confirm(\'"  + AlertString + "')==true){"; 
     Action += Page.GetPostBackEventReference(this, "Click"); 
     Action += ";}"; 
    } 
    else 
     Action = " + Page.GetPostBackEventReference(this, "Click"); 
    if(EnabledImage != "") 
     Image = String.Format(ImgTag, EnabledImage); 
    else 
     Image = Text; 
   } 
   else 
   { 
    Action = void()"; 
    if(DisabledImage != "") 
     Image = String.Format(ImgTag, DisabledImage); 
    else 
     Image = Text; 
   } 
   Style = "cursor:hand;"; 
   Style += this.Attributes["Style"]; 
   sHtml = String.Format 
    ( 
    LinkTag, 
    Action, 
    this.ToolTip, 
    Style, 
    Image 
    ); 
   return sHtml; 
  } 

  protected virtual void OnClick() 
  { 
   if(Click != null) 
    Click(this, EventArgs.Empty); 
  } 

  public void RaisePostBackEvent(string eventArgument) 
  { 
   if(eventArgument == "Click") 
    OnClick(); 
  } 
 } 
}