
以下是一个简单的利用这个原理用层模拟CONFIRM对话框的示例:
前台ASPX:
====================================================================
<%@ Page language="c#" Codebehind="WebForm2.aspx.cs" AutoEventWireup="false" Inherits="test.WebForm2" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm2</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/nav4-0" name="vs_targetSchema">
<script language="javascript">
var EventObj;
function operation(obj)
{
if(obj.innerHTML=="0")
{
obj.innerHTML="2";
obj.parentNode.parentNode.style.height="0px";
obj.parentNode.nextSibling.style.display="none";
}
else if(obj.innerHTML=="2")
{
obj.innerHTML="0";
obj.parentNode.parentNode.style.height="200px";
obj.parentNode.nextSibling.style.display="block";
}
else
{
obj.parentNode.parentNode.style.display='none';
}
}
function onformsubmit(obj)
{
EventObj = obj;
win.style.display="block";
return false;
}
function formsubmit()
{
eventTarget = EventObj.id.split("_").join(" $").split(" $ $").join(" $_");
eventArgument = '';
__doPostBack(eventTarget, eventArgument);
}
</script>
</HEAD>
<body>
<form id="Form1" method="post" runat="server">
<div id="win" style="BORDER-RIGHT:navy thin solid; BORDER-TOP:navy thin solid; DISPLAY:none; BORDER-LEFT:navy thin solid; WIDTH:200px; BORDER-BOTTOM:navy thin solid; HEIGHT:200px">
<span style="FONT-SIZE: 9pt;WIDTH: 100%;COLOR: white;BACKGROUND-COLOR: navy;TEXT-ALIGN: right">
<font face="webdings" style="CURSOR: hand" onclick="operation(this);">0</font> <font face="webdings" style="CURSOR: hand" onclick="operation(this);">
r</font> </span><span>确定操作?</span><br>
<span style="TEXT-ALIGN: center"><font style="CURSOR: hand" onclick="formsubmit();">[YES]</font> <font style="CURSOR: hand" onclick="operation(this);">[NO]</font>
</span>
</div>
<br>
<br>
<br>
<asp:LinkButton id="Button1" runat="server">submit</asp:LinkButton>
</form>
</body>
</HTML>
后台
======================================================================
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace test
{
/// <summary>
/// WebForm2 的摘要说明。
/// </summary>
public class WebForm2 : System.Web.UI.Page
{
protected System.Web.UI.WebControls.LinkButton Button1;
private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
Button1.Attributes.Add("onclick","return onformsubmit(this)");
}
private void Button1_Click(object sender, System.EventArgs e)
{
Response.Write("this page is submit");
}
#region Web 窗体设计器生成的代码
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
/// <summary>
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
/// 此方法的内容。
/// </summary>
private void InitializeComponent()
{
this.Button1.Click += new System.EventHandler(this.Button1_Click);
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
}
}
另外需要注意的是,.NET 生成javascript的 __doPostBack()函数是有条件的,当页面上存在一个或一个以上的LINKBUTTON的时候才会有这个函数,所以,如果页面上没有LINKBUTTON 只有BUTTON的时候会出现‘缺少对象’的JS错误提示