AlertButton, 您确定要执行吗?

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

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

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

    if(AlertString != "") //仅在用户确认后调用客户端的__DostPostBack, 引发服务端事件
    {
     Action = "javascript: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 = "javascript:if(window.confirm(\'"  + AlertString + "')==true){";
    Action += Page.GetPostBackEventReference(this, "Click");
    Action += ";}";
   }
   else
    Action = "javascript:" + 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 = "javascript:if(window.confirm(\'"  + AlertString + "')==true){";
     Action += Page.GetPostBackEventReference(this, "Click");
     Action += ";}";
    }
    else
     Action = "javascript:" + Page.GetPostBackEventReference(this, "Click");
    if(EnabledImage != "")
     Image = String.Format(ImgTag, EnabledImage);
    else
     Image = Text;
   }
   else
   {
    Action = "javascript: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();
  }
 }
}

好了, 到此结束, 将以上代码编译为DLL, 并加入为控件吧, 试试看, 是不是简单实用呢?

本文地址：http://com.8s8s.com/it/it41227.htm