教你做一個可以彈出確認對話方塊的自訂Web伺服器控制項ConfirmButton

來源:互聯網
上載者:User
web|web服務|web伺服器|對話方塊|控制項 經常在論壇裡看到類似這樣的問題:“…如何在點擊刪除按鈕的時候彈出個確認刪除對話方塊”。

下面我們來自己寫一個這樣的自訂Web伺服器控制項!

思路如下:

繼承System.Web.UI.WebControls.Button控制項

增加一個屬性“ConfirmMessage”來表示彈出確認框上面的提示資訊。

在伺服器控制項呈現在頁面之前把一段javascript寫到頁面

內容如下:

<script language="JavaScript">

<!--

function _doAspxBoyConfirm()

{

return confirm("你確認刪除/儲存嗎??")

}

//-->

</script>

查一下msdn中對於Control.OnPreRender 方法的描述

可以得到“此方法通知伺服器控制項在儲存檢視狀態和呈現內容之前,執行任何必要的預呈現步驟”.

所以我們只要在OnPreRender方法內 用Page.RegisterClientScriptBlock把這段javascript發送到用戶端,並且給Button. Attributes屬性內添加一個“onclick”的用戶端屬性對應值為: "return _doAspxBoyConfirm()”.

詳細情況可以查閱

ms-help://MS.VSCC.2003/MS.MSDNQTR.2003FEB.2052/cpref/html/frlrfsystemwebuiwebcontrolswebcontrolclassattributestopic.htm

這樣一個具有ConFirm功能的Button就基本上建立起來了。

建立一個測試該控制項的工程

在工具箱上點右鍵選擇“添加/移除項”,點擊瀏覽選擇編譯好的dll檔案,點擊確定,你會發現ConFirmButton已經添加到工具箱內了

將其托到一個Aspx頁面內 在屬性設定內給ConfirmMessage值為你要的彈出框內容比如“確定刪除嗎?”,按F5運行。

當點該按鈕時會彈出一個confirm對話方塊詢問“確定刪除嗎?”,如果點擊確定則執行button的Button_Click事件,如果點擊取消則不執行。

你可以查看他產生的html代碼,以加深對該控制項工作原理的理解

完整的代碼如下:

using System;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.ComponentModel;

using System.Text;



namespace AspxBoy.Com.ConfirmButton

{

/// <summary>

/// Button點擊時會彈出一個對話方塊要求確認

/// </summary>

public class ConfirmButton : System.Web.UI.WebControls.Button

{

private string _confirmMessage;

/// <summary>

/// 當用戶端點擊此Button時彈出的提示訊息筐的內容

/// </summary>

public string ConfirmMessage

{

get

{

return _confirmMessage;

}



set

{

_confirmMessage = value;

}

}



protected override void OnPreRender(System.EventArgs e)

{

StringBuilder sb = new StringBuilder();

sb.Append("<script language=\"JavaScript\">");

sb.Append(System.Environment.NewLine);

sb.Append("<!--");

sb.Append(System.Environment.NewLine);

sb.Append("/*--------------------------------------------");

sb.Append(System.Environment.NewLine);

sb.Append("ControlName:\t\tAspxBoy.Com.ConfirmButton");

sb.Append(System.Environment.NewLine);

sb.Append("AuthorName:\t\t\tHuobazi,WuMeibo");

sb.Append(System.Environment.NewLine);

sb.Append("CopyRight:\t\t\twww.AspxBoy.Com");

sb.Append(System.Environment.NewLine);

sb.Append("---------------------------------------------*/");

sb.Append(System.Environment.NewLine);

sb.Append("function _doAspxBoyConfirm()");

sb.Append(System.Environment.NewLine);

sb.Append("{");

sb.Append(System.Environment.NewLine);

sb.Append("return confirm(\"");

sb.Append(ConfirmMessage);

sb.Append("\")");

sb.Append(System.Environment.NewLine);

sb.Append("}");

sb.Append(System.Environment.NewLine);

sb.Append("//-->");

sb.Append("</script>");

Page.RegisterClientScriptBlock("_doAspxBoyConfirm",sb.ToString());

this.Attributes.Add("onclick","return _doAspxBoyConfirm()");

base.OnPreRender(e);

}

public override void RenderBeginTag(HtmlTextWriter writer)

{

writer.WriteLine();

writer.Write("<!-------------------");

writer.Write("AspxBoy.Com.ConfirmButton Start");

writer.Write("\tAuthorName: \tHuobazi");

writer.WriteLine(" --------------------->");

writer.Write("<!-------------------- ");

writer.Write("Copyright:2004 Huobazi(www.AspxBoy.com)");

writer.Write(" ---------------------");

writer.WriteLine(">");

base.RenderBeginTag(writer);

}

public override void RenderEndTag(HtmlTextWriter writer)

{

base.RenderEndTag(writer);

writer.WriteLine();

writer.Write("<!------------------------------- ");

writer.Write("AspxBoy.Com.ConfirmButton End");

writer.Write(" --------------------------------");

writer.WriteLine(">");

writer.WriteLine();

}

}

}


相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。