window.showModalDialog()

来源：互联网发布：c语言读取dat文件内容编辑：程序博客网时间：2024/05/16 07:33

最近整理电脑上的代码，找到了一份上学时写的一段脚本，很不成熟，有很多需要优化的地方，先原封不动的发布上来做个纪念。改天再优化一下，先去睡觉。

需求：一个主页面，有一个DropDownList，盛放中国的省份列表，有一个LinkButton，点击LinkButton，将另一个aspx页面以windows模态窗口的形式弹出，让用户录入一个新的省份的名字，然后点击提交，关闭窗口，返回数据给主页面。

实现：

主页面：parent.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="parent.aspx.cs" Inherits="window.showModalDialog__._Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>Test window.showModalDialog();</title> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> #divContainer { margin: 0px auto; padding: 0px 0px; text-align: center; } </style> <mce:script type="text/javascript" language="javascript" defer="defer"></mce:script> <mce:script src="js/DomDemo.js" mce_src="js/DomDemo.js" language="javascript" type='text/javascript'></mce:script></head><body> <form id="form1" runat="server"> <div id="divContainer"> <div id="divHead"> <a href="#" mce_href="#" title="收藏本站" onclick="AddFavorite();">收藏本站 </a> </div> <div id="divMiddle"> <h2> 中国省份预览 </h2> <select id="selectProvince"> <option value="shandong">山东</option> <option value="shanxi">山西</option> </select> <a href="#" mce_href="#" onclick="showChildPage();">新增</a> </div> </div> </form></body></html>

子页面：child.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="child.aspx.cs" Inherits="window.showModalDialog__.child" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"> <title>child page</title> <base target = "_self" /> <mce:style type = "text/css"></mce:style><style type = "text/css" mce_bogus="1"> #divContainer{ margin:0px auto; padding:0px 0px; text-align:center;} </style> <%-- <mce:script language = "javascript" type = "text/javascript"></mce:script>--%> <mce:script src = "js/DomDemo.js" type = "text/javascript" language = "javascript" defer = "defer"></mce:script></head><body onload = "SetFocus('<%=txtProvince.ClientID%>');"> <form id="form1" runat="server"> <div id = "divContainer"> <h2> 添加新的省份 </h2> 请输入省份：<asp:TextBox ID="txtProvince" runat="server" AutoPostBack = "true" ValidationGroup = "validChild" onchange = "SetFocus('lbtnConfirm');"></asp:TextBox> <span style =" color:Red;">*</span> <asp:RegularExpressionValidator ID="revProvine" runat="server" ValidationGroup = "validChild" ErrorMessage="只能输入汉字" Display = "None" ControlToValidate = "txtProvince" ValidationExpression = "[/u4e00-/u9fa5]*"> </asp:RegularExpressionValidator> <asp:LinkButton ID="lbtnConfirm" runat="server" OnClick = "lbtnConfirm_Click" ValidationGroup="validChild"> 提交并返回 </asp:LinkButton> </div> <asp:ValidationSummary ID="validSummary" runat="server" ValidationGroup = "validChild"/> </form></body></html>

子页面后置类文件：child.aspx.cs

using System;using System.Collections;using System.Configuration;using System.Data;using System.Linq;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.HtmlControls;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Xml.Linq;namespace window.showModalDialog__{ public partial class child : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void lbtnConfirm_Click(object sender, EventArgs e) { if (string.IsNullOrEmpty(txtProvince.Text)) { ScriptManager.RegisterStartupScript(lbtnConfirm, lbtnConfirm.GetType(), "return", "alert('请输入省份！');", true); return; } ScriptManager.RegisterStartupScript(lbtnConfirm, lbtnConfirm.GetType(), "return", "window.returnValue = '" + txtProvince.Text.Trim() + "';alert('添加成功，将返回主页面；'); window.close();", true); } }}