一个通用的Confirmation Page类

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 οnbefοreunlοad=/"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 you want here.

 

And in PageLoad, you should use this SetConfirmation() function:

private void Page_Load(object sender, System.EventArgs e)

{

   

    SetConfirmation();

   

}

 

 

 

 

 

 

2.2.3 In .aspx file

If there are some buttons are not run at server, you should put following code for them. Take Cancel button in Product Edit page for example:

<IMG style="CURSOR: hand" onclick="javascript:bypassCheck();GoBack();" src="<%=Image1URLBase%>/btn_cancel_g.gif" border="0">

 

 

 

 

bypassCheck() function is to clear the confirmation for the page.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值