子窗口給父窗口賦值實(shí)現(xiàn)思路及案例演示
更新時(shí)間：2013年01月27日 13:36:09 作者：
今天學(xué)習(xí)一下javascript實(shí)現(xiàn)從父窗口打開(kāi)一個(gè)子窗口，在子窗口處理一些結(jié)果之后，把結(jié)果賦值于父窗口的文本框內(nèi)，接下來(lái)介紹實(shí)現(xiàn)方法，感興趣的朋友可以了解下，希望本文對(duì)你有所幫助
今天Insus.NET練習(xí)JavaScript，實(shí)現(xiàn)從父窗口打開(kāi)一個(gè)子窗口，在子窗口處理一些結(jié)果之后，把結(jié)果賦值于父窗口的文本框內(nèi)?？煽葱Ч?
在站點(diǎn)創(chuàng)建兩個(gè)aspx頁(yè)面，一個(gè)是PageA.aspx另一個(gè)是PageB.aspx:
在PageA.aspx的<head>節(jié)點(diǎn)內(nèi)，寫Javascript腳本，腳本有兩個(gè)方法，一個(gè)是打開(kāi)子窗口，一個(gè)是為文本框設(shè)值的方法：
<script type="text/javascript">
function popUp(url) {
objSubWin = window.open(url, "Popup", "toolbar=no,scrollbars=no,location=no,statusbar=no,menubar=no,resizable=0,width=300,height=80");
objSubWin.focus();
}
function SetValue(val) {
var amount = document.getElementById('<% = TextBoxAmount.ClientID %>');
amount.value = val;
}
</script>
然后在<body>節(jié)點(diǎn)內(nèi)，拉一個(gè)TextBox和一個(gè)Button:
Amount:
<asp:TextBox ID="TextBoxAmount" runat="server" Enabled="false"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Call child window" OnClientClick="popUp('PageB.aspx')" />
OK,父頁(yè)完成，接下來(lái)寫PageB.aspx子頁(yè)，還是先寫Javascript腳本，也有兩個(gè)函數(shù)，一個(gè)是驗(yàn)證文本框只能輸入數(shù)字，另一個(gè)是計(jì)算方法，在calc()方法內(nèi)，有呼叫到父窗口的方法。
<script type="text/javascript">
function isNumeric(keyCode) {
return ((keyCode >= 48 && keyCode <= 57) || keyCode == 8)
}
function calc() {
if (window.opener != null && !window.opener.closed) {
var qty = document.getElementById('<% = TextBoxqty.ClientID %>');
var price = document.getElementById('<% = TextBoxPrice.ClientID %>');
window.opener.SetValue(parseInt(qty.value) * parseInt(price.value));
}
}
</script>
在PageB.aspx的<body>節(jié)點(diǎn)內(nèi)，拉兩個(gè)文本框，一個(gè)Button銨鈕。
數(shù)量<asp:TextBox ID="TextBoxqty" runat="server" onkeydown="return isNumeric(event.keyCode);" onpaste="return false;" Width="50"></asp:TextBox>
* 單價(jià)<asp:TextBox ID="TextBoxPrice" runat="server" onkeydown="return isNumeric(event.keyCode);" onpaste="return false;" Width="50"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Calculate" OnClientClick="calc()" />
另外附加，有關(guān)文本框驗(yàn)證的文章：http://www.dhdzp.com/article/33586.htm
在站點(diǎn)創(chuàng)建兩個(gè)aspx頁(yè)面，一個(gè)是PageA.aspx另一個(gè)是PageB.aspx:
在PageA.aspx的<head>節(jié)點(diǎn)內(nèi)，寫Javascript腳本，腳本有兩個(gè)方法，一個(gè)是打開(kāi)子窗口，一個(gè)是為文本框設(shè)值的方法：
復(fù)制代碼 代碼如下:
<script type="text/javascript">
function popUp(url) {
objSubWin = window.open(url, "Popup", "toolbar=no,scrollbars=no,location=no,statusbar=no,menubar=no,resizable=0,width=300,height=80");
objSubWin.focus();
}
function SetValue(val) {
var amount = document.getElementById('<% = TextBoxAmount.ClientID %>');
amount.value = val;
}
</script>
然后在<body>節(jié)點(diǎn)內(nèi)，拉一個(gè)TextBox和一個(gè)Button:
復(fù)制代碼 代碼如下:
Amount:
<asp:TextBox ID="TextBoxAmount" runat="server" Enabled="false"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Call child window" OnClientClick="popUp('PageB.aspx')" />
OK,父頁(yè)完成，接下來(lái)寫PageB.aspx子頁(yè)，還是先寫Javascript腳本，也有兩個(gè)函數(shù)，一個(gè)是驗(yàn)證文本框只能輸入數(shù)字，另一個(gè)是計(jì)算方法，在calc()方法內(nèi)，有呼叫到父窗口的方法。
復(fù)制代碼 代碼如下:
<script type="text/javascript">
function isNumeric(keyCode) {
return ((keyCode >= 48 && keyCode <= 57) || keyCode == 8)
}
function calc() {
if (window.opener != null && !window.opener.closed) {
var qty = document.getElementById('<% = TextBoxqty.ClientID %>');
var price = document.getElementById('<% = TextBoxPrice.ClientID %>');
window.opener.SetValue(parseInt(qty.value) * parseInt(price.value));
}
}
</script>
在PageB.aspx的<body>節(jié)點(diǎn)內(nèi)，拉兩個(gè)文本框，一個(gè)Button銨鈕。
復(fù)制代碼 代碼如下:
數(shù)量<asp:TextBox ID="TextBoxqty" runat="server" onkeydown="return isNumeric(event.keyCode);" onpaste="return false;" Width="50"></asp:TextBox>
* 單價(jià)<asp:TextBox ID="TextBoxPrice" runat="server" onkeydown="return isNumeric(event.keyCode);" onpaste="return false;" Width="50"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Calculate" OnClientClick="calc()" />
另外附加，有關(guān)文本框驗(yàn)證的文章：http://www.dhdzp.com/article/33586.htm
相關(guān)文章
aspxgridview CustomButtonCallback 不支持彈出消息提示解決方法
aspxgridveiw是devexpress的一個(gè)grid控件，使用起來(lái)還不錯(cuò)，不能再 CustomButtonCallback 事件中使用response.write，具體的解決方法如下，感興趣的朋友可以參考下哈2013-06-06
ASP.NET Core奇淫技巧之動(dòng)態(tài)WebApi的實(shí)現(xiàn)
這篇文章主要介紹了ASP.NET Core奇淫技巧之動(dòng)態(tài)WebApi的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
asp.net 關(guān)于==?:和if()else()條件判斷等效例子
關(guān)于==?:和if()else() 等效例子2010-03-03![Asp.Net Mvc2 OA 工作流設(shè)計(jì)思路[圖]](http://img.jbzj.com/images/xgimg/bcimg3.png)
Asp.Net Mvc2 OA 工作流設(shè)計(jì)思路[圖]
回老家上班的新公司，第一個(gè)項(xiàng)目：OA。以前沒(méi)有做過(guò)OA，因?yàn)樵O(shè)計(jì)到工作流這一塊的東西，所以自己去進(jìn)行了相關(guān)的了解，于是有了這篇博客（以下文字只是個(gè)人理解，高手漂過(guò)）2012-10-10
.Net下二進(jìn)制形式的文件(圖片)的存儲(chǔ)與讀取詳細(xì)解析
以下是對(duì).Net下二進(jìn)制形式的文件(圖片)的存儲(chǔ)與讀取進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下2013-09-09
ASP.NET+XML打造網(wǎng)絡(luò)硬盤原理分析
文件傳送常用的三種方式：FTP、Email及網(wǎng)上鄰居，都在一定程度上實(shí)現(xiàn)了文件數(shù)據(jù)的交流，但它們都主要面向“點(diǎn)對(duì)點(diǎn)”的傳送，無(wú)法實(shí)現(xiàn)一塊空間，資源互見(jiàn)的應(yīng)用需求，這種基于點(diǎn)對(duì)多的共享模式需要尋求另外的傳輸途徑，網(wǎng)絡(luò)硬盤就是一種很好的解決方式2012-09-09
DataGridView - DataGridViewCheckBoxCell的使用介紹
Datagridview是.net中最復(fù)雜的控件，Datagridview中，用戶可以對(duì)行、列、單元格進(jìn)行編程，下面與大家分享下DataGridViewCheckBoxCell的使用，感興趣的朋友可以參考下哈2013-06-06
asp.net中通過(guò)DropDownList的值去控制TextBox是否可編寫的實(shí)現(xiàn)代碼
Web窗體上有兩控件，DropDownList1，TextBox1，當(dāng)DropDownList的值選擇是YES的時(shí)候，TextBox1可編輯，當(dāng)選擇NO的時(shí)候，TextBox1的值為空，并且不能編輯，該如何實(shí)現(xiàn)2012-11-11
這篇文章主要內(nèi)容是ASP.NET中驗(yàn)證控件的使用方法,RequiredFieldValidation控件的介紹，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-08-08
這篇文章主要為大家詳細(xì)介紹了ASP.NET同步分頁(yè)MvcPager的使用方法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11