快捷導(dǎo)航

JavaScript 彈出窗體點(diǎn)擊按鈕返回選擇數(shù)據(jù)的實(shí)現(xiàn)

更新時間：2010年04月01日 20:57:23 作者：

這兩天一直想實(shí)現(xiàn)這個，以前做做個Demo，但是不知道跑哪去了。于是今天在網(wǎng)上找了些資料再自己動手搞定。廢話不多說。直接進(jìn)入主題啦。

首先是父頁面的代碼：

 
<head runat="server"> 
<title>無標(biāo)題頁</title> 
<%-- <script type="text/javascript"> 
function openDia() { 
var returned = window.showModalDialog("Default4.aspx?" + (new Date()), window); 
if (returned) { 
document.getElementById("ret").innerHTML = returned; 
} 
else { 
document.getElementById("ret").innerHTML = ""; 
} 
} 
</script> --%> 
<script type="text/javascript"> 
function openDia(){ 
var returned = window.showModalDialog("Default3.aspx?" + (new Date()), window); 
if (returned){ 
document.getElementById("tbtext").value = returned; 
} 
else{ 
document.getElementById("tbtext").value = ""; 
} 
} 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div id="ret"> 
<input id="tbtext" type="text" value="" onclick="openDia();return false;" /> 
</div> 
<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="openDia();return false;" /> 
<input id="Hidden1" type="hidden" runat="server" /> 
</form> 
</body> 
</html> 

關(guān)于加上那個 (new Data()) 是要避免showModalDialog頁面自動緩存的問題，導(dǎo)致第二次打開頁面，數(shù)據(jù)沒有被刷新，這是因?yàn)閟howModalDialog頁面如果每次的URL一樣的話，它會自動顯示以前在緩存里面的數(shù)據(jù)。
接著是子頁面Default3.aspx的代碼：

復(fù)制代碼代碼如下:

 
<head runat="server"> 
<title>無標(biāo)題頁</title> 
<script type="text/javascript"> 
function getSelected(data) { 
var str = data; 
window.returnValue = str.toString(); 
window.close(); 
} 
</script> 
<base target="_self"/> 
</head> 
<body> 
<form id="form1" runat="server" target=""> 
<div> 
<asp:GridView ID="GridView1" runat="server" OnRowDataBound="GridView1_RowDataBound"> 
<Columns> 
<asp:TemplateField> 
<ItemTemplate> 
<asp:LinkButton id="lnkSelect2" runat="server" Text="Select" > </asp:LinkButton> 
</ItemTemplate> 
</asp:TemplateField> 
</Columns> 
</asp:GridView> 
&nbsp;</div> 
</form> 
</body> 
</html> 

Default3.aspx里面有一個gridview控件，數(shù)據(jù)綁定（自己去綁定，代碼就不貼上來了）好后，就是選擇自己需要的數(shù)據(jù)了。
Default3.aspx.cs:
[code]
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
LinkButton b = (LinkButton)e.Row.FindControl("lnkSelect2");
b.Attributes.Add("OnClick", "javascript:getSelected('" + e.Row.Cells[1].Text + "');");
}
}
[html]
其中Default3.aspx中<head></head>之間的<base target="_self"/>和<form target="">作用是可以避免子頁面點(diǎn)擊選擇按鈕后彈出第三個窗體。
例子就這樣，具體還是要根據(jù)自己的需求s去體驗(yàn)和改進(jìn)。

您可能感興趣的文章: