利用 window.showModalDialog 一次返回多个值

最新推荐文章于 2014-03-27 17:35:23 发布

原创最新推荐文章于 2014-03-27 17:35:23 发布 · 6.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#textbox #asp #server #class #html #产品

本文介绍如何使用window.showModalDialog方法实现跨页面返回多个值的技术细节。通过定义数组并利用GridView控件选择数据，最终实现多值传递。适用于需在不同页面间交换数据的场景。

       在实际的工作中，我们会遇到，一次，需要返回值，当然这个操作，也可以用多个DropDownList控件，进行多级联动，但这样，会使页面，经常地刷新，不太利于用户的观看。等等。在利用window.showModalDialog()进行返回一个值得基础上，进行多个值得返回操作。
       在利用window.showModalDialog，方法，主要是利用返回一个数组，之后把数组里面的值取出来，进行赋值操作。
     以下是调用页面的HTML的代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AddSecondHand.aspx.cs" StylesheetTheme="Default"

Inherits="Machine_AddSecondHand" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>添加拖车信息</title>

function getmachine()

{

var a=new Array(4);

var a=window.showModalDialog("../Public/GetMachine.aspx",a,"center:yes;help:no;status:no;rsizable:yes");

document.form1.txtProductCode.value=a[0];

document.form1.txtMachineTypeCode.value=a[1];

document.form1.txtMachineCode.value=a[2];

document.form1.txtCustomerCode.value=a[3];

}

</script>

</head>

<body>

<ul>

</ul>

</div>

</fieldset>

<tr>

<asp:TextBox ID="txtObligeCode" runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtObligeCode"

ErrorMessage="拖车编号不能为空">*</asp:RequiredFieldValidator></td>

<asp:TextBox ID="txtObligeDate" runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtObligeDate"

ErrorMessage="拖车日期不能为空">*</asp:RequiredFieldValidator></td>

</tr>

<asp:TextBox ID="txtProductCode" runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="产品名称不能为空"

ControlToValidate="txtProductCode">*</asp:RequiredFieldValidator></td>

</td>

</td>

</tr>

<tr>

<asp:TextBox ID="txtMachineTypeCode" runat="server" ></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="txtMachineTypeCode"

ErrorMessage="设备类型不能为空">*</asp:RequiredFieldValidator></td>

<asp:TextBox ID="txtMachineCode" runat="server" ></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ControlToValidate="txtMachineCode"

ErrorMessage="设备编号不能为空">*</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

客户名称：</td>

<asp:TextBox ID="txtCustomerCode" runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtCustomerCode"

ErrorMessage="客户名称不能为空">*</asp:RequiredFieldValidator></td>

</td>

</td>

</tr>

<tr>

备注：</td>

<asp:TextBox ID="txtNote" runat="server" TextMode="MultiLine" Height="180px" Width="443px"></asp:TextBox></td>

</tr>

<tr>

<asp:Button ID="btnSave" runat="server" Text="添加" OnClick="btnSave_Click" />

<asp:Button ID="btnClear" runat="server" Text="清除" OnClick="btnClear_Click" /></td>

</tr>

</table>

</div>

<ul>

<li>带<span style="color: red">*</span>项不能为空</li>

<li>日期格式要正确

</li>

</ul>

</fieldset>

<asp:ValidationSummary ID="ValidationSummary1" runat="server" ShowMessageBox="True"

ShowSummary="False" />

</form>

</body>

</html>

以上代码的粗体，是重点，其中GetMachine()方法，先定义一个数组，之后将数组的每个值，进行赋值，其中，在被调用的页面进行赋值操作。
以下是被调用页面的HTML代码：

<%@ Page Language="C#" AutoEventWireup="true" StylesheetTheme="Default" Theme="Default" CodeFile="GetMachine.aspx.cs" Inherits="Public_GetSecondHand" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>选择二手车信息</title>

</head>

<body>

<div>

<asp:GridView ID="gvSecondHand" SkinID="Default_GridView" runat="server" OnRowDataBound="gvSecondHand_RowDataBound" OnSelectedIndexChanging="gvSecondHand_SelectedIndexChanging" OnDataBound="gvSecondHand_DataBound">

<asp:BoundField DataField="TypeName" HeaderText="产品名称" />

<asp:BoundField DataField="DictName" HeaderText="产品类型" />

<asp:BoundField DataField="MachineCode" HeaderText="整机编号" />

<asp:BoundField DataField="CusName" HeaderText="客户名称" />

<asp:BoundField DataField="NameCode" HeaderText="产品编号" />

<asp:BoundField DataField="TypeCode" HeaderText="类型编号" />

<asp:BoundField DataField="CusCode" HeaderText="客户编号" />

<asp:CommandField ShowSelectButton="True" />

</Columns>

</asp:GridView>

</fieldset>

</div>

</form>

</body>

</html>

　　被调用的页面，主要是由一个GridView控件，设置控件的数据源，我们主要是，需要将,产品编号、类型编号、整机编号、客户编号进行返回。在HTML需要主要的，需要将<base target="_Self"/>添加到<head></head>里面，不然，会出现单击‘选择’，重新弹出一个空页面。不能达到我们需要的功能。
以下是，此页面对应的后台页面代码：

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

public partial class Public_GetSecondHand : System.Web.UI.Page

{

WebUtility.MachineOut secondHand;

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

secondHand = new WebUtility.MachineOut();

this.gvSecondHand.DataSource = secondHand.DataSetSecondHand();

this.gvSecondHand.DataBind();

}

protected void gvSecondHand_SelectedIndexChanging(object sender, GridViewSelectEventArgs e)

{

//返回值分别是产品编号，整机类型编号，整机编号，客户编号

Response.Write("<script language=javascript> var s=Array(4);s[0]='" +

this.gvSecondHand.Rows[e.NewSelectedIndex].Cells[4].Text + "';" +

"s[1]='" + this.gvSecondHand.Rows[e.NewSelectedIndex].Cells[5].Text + "';s[2]='" +

this.gvSecondHand.Rows[e.NewSelectedIndex].Cells[2].Text +"';"+

"s[3]='" + this.gvSecondHand.Rows[e.NewSelectedIndex].Cells[6].Text + "';" +

"window.returnValue=s;window.close();</script>");

}

protected void gvSecondHand_RowDataBound(object sender, GridViewRowEventArgs e)

{

if (e.Row.RowType == DataControlRowType.DataRow)

{

e.Row.Cells[4].Visible = false;

e.Row.Cells[5].Visible = false;

e.Row.Cells[6].Visible = false;

e.Row.Attributes.Add("onmouseover", "e=this.style.backgroundColor; this.style.backgroundColor='linen'");

e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=e");

}

if (e.Row.RowType == DataControlRowType.Header)

{

e.Row.Cells[4].Visible = false;

e.Row.Cells[5].Visible = false;

e.Row.Cells[6].Visible = false;

}

}　在后台编程需要主要的是，SelectedIndexChanging 事件，因为使用脚本返回我们需要的值，因此需要主要单引号，不要少了单引号，这个问题，在我调试的过程中，查了好半天，才搞定。
到此，我们用window.showModalDialog 方法，返回多个值，就做好了，您可以根据您的实际需要，进行改动。