一个通用的Confirmation Page类
日期：2012-04-18 浏览次数：20381 次
Confirmation Page
1. Introduction
In New or Edit page, users might press the Close button by mistake and lost the content that they have input. To avoid this mistaken action, application should prompt users before the page is closed. This page will not be closed unless users confirm that.
This document gives the implementation details for how the Confirmation Page works. It can be used in:
? New Page
? Edit Page
? Any other pages need confirmation before close
2. Solution
2.1 ConfirmationPage Class
ConfirmationPage class is available in the root of XXXWeb project. This is a class derived from PageBase.
This class implements the function of “cause the user to confirm navigating away from the current page”.
using System;
using System.IO;
using System.Text;
using System.Text.RegularExpressions;
using System.Web.UI;
namespace Proloq.ProloqWeb
{
/// <summary>
/// Will cause the user to confirm navigating away from the current page. This behavior can be overriden.
/// </summary>
public class ConfirmationPage : Proloq.ProloqWeb.PageBase
{
public ConfirmationPage()
{
}
private bool _IsInEdit = false;
public bool IsInEdit
{
get {return this._IsInEdit;}
set {this._IsInEdit = value;}
}
private string _message = "You will lose any non-saved text";
public string Message
{
get{return _message;}
set{_message = value;}
}
protected override void OnPreRender(EventArgs e)
{
//If we are in edit mode, register the script
if(IsInEdit)
{
Page.RegisterClientScriptBlock("ConfirmationBeforeLeaving",string.Format("{0}{1}{2}",scriptStart,Message,scriptEnd));
}
base.OnPreRender (e);
}
const string scriptStart = "<script language=\"javascript\">g_blnCheckUnload = true;function RunOnBeforeUnload() {if (g_blnCheckUnload) {window.event.returnValue = '";
const string scriptEnd = "'; } } function bypassCheck() { g_blnCheckUnload = false; }</script>";
public static readonly string ByPassFuncationName = "bypassCheck()";
protected override void Render(HtmlTextWriter writer)
{
//If we are in edit mode, wire up the onbeforeunload event
if(IsInEdit)
{
TextWriter tempWriter = new StringWriter();
base.Render(new HtmlTextWriter(tempWriter));
writer.Write(Regex.Replace(tempWriter.ToString(),"<body","<body onbeforeunload=\"RunOnBeforeUnload()\"",RegexOptions.IgnoreCase));
}
else
{
base.Render(writer);
}
}
}
}
2.2 Implement in Codeback
2.2.1 Inheritance
The pages going to use ConfirmationPage should derived from ConfirmationPage class. Take Product Edit page for example:
public class product_edit : ConfirmationPage
2.2.2 In CodeBehind
Put a private function like bellow in CodeBehind:
private void SetConfirmation()
{
ConfirmationPage confirmPage = (ConfirmationPage)this.Page;
confirmPage.IsInEdit = true;
confirmPage.Message = "You will lose any unsaved content";
this.SaveButton.Attributes.Add("OnClick",ConfirmationPage.ByPassFuncationName);
}
SaveButton is the button which you do not want to issue the confirmation. Add other buttons
1. Introduction
In New or Edit page, users might press the Close button by mistake and lost the content that they have input. To avoid this mistaken action, application should prompt users before the page is closed. This page will not be closed unless users confirm that.
This document gives the implementation details for how the Confirmation Page works. It can be used in:
? New Page
? Edit Page
? Any other pages need confirmation before close
2. Solution
2.1 ConfirmationPage Class
ConfirmationPage class is available in the root of XXXWeb project. This is a class derived from PageBase.
This class implements the function of “cause the user to confirm navigating away from the current page”.
using System;
using System.IO;
using System.Text;
using System.Text.RegularExpressions;
using System.Web.UI;
namespace Proloq.ProloqWeb
{
/// <summary>
/// Will cause the user to confirm navigating away from the current page. This behavior can be overriden.
/// </summary>
public class ConfirmationPage : Proloq.ProloqWeb.PageBase
{
public ConfirmationPage()
{
}
private bool _IsInEdit = false;
public bool IsInEdit
{
get {return this._IsInEdit;}
set {this._IsInEdit = value;}
}
private string _message = "You will lose any non-saved text";
public string Message
{
get{return _message;}
set{_message = value;}
}
protected override void OnPreRender(EventArgs e)
{
//If we are in edit mode, register the script
if(IsInEdit)
{
Page.RegisterClientScriptBlock("ConfirmationBeforeLeaving",string.Format("{0}{1}{2}",scriptStart,Message,scriptEnd));
}
base.OnPreRender (e);
}
const string scriptStart = "<script language=\"javascript\">g_blnCheckUnload = true;function RunOnBeforeUnload() {if (g_blnCheckUnload) {window.event.returnValue = '";
const string scriptEnd = "'; } } function bypassCheck() { g_blnCheckUnload = false; }</script>";
public static readonly string ByPassFuncationName = "bypassCheck()";
protected override void Render(HtmlTextWriter writer)
{
//If we are in edit mode, wire up the onbeforeunload event
if(IsInEdit)
{
TextWriter tempWriter = new StringWriter();
base.Render(new HtmlTextWriter(tempWriter));
writer.Write(Regex.Replace(tempWriter.ToString(),"<body","<body onbeforeunload=\"RunOnBeforeUnload()\"",RegexOptions.IgnoreCase));
}
else
{
base.Render(writer);
}
}
}
}
2.2 Implement in Codeback
2.2.1 Inheritance
The pages going to use ConfirmationPage should derived from ConfirmationPage class. Take Product Edit page for example:
public class product_edit : ConfirmationPage
2.2.2 In CodeBehind
Put a private function like bellow in CodeBehind:
private void SetConfirmation()
{
ConfirmationPage confirmPage = (ConfirmationPage)this.Page;
confirmPage.IsInEdit = true;
confirmPage.Message = "You will lose any unsaved content";
this.SaveButton.Attributes.Add("OnClick",ConfirmationPage.ByPassFuncationName);
}
SaveButton is the button which you do not want to issue the confirmation. Add other buttons
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
